Color Picker
The background color will temporarily change when you hover the mouse cursor over it.
When you change the color, copy the color code to the clipboard.
#151a3f
Data
Red
21
Green
26
Blue
63
Hue
233°
White
8%
Black
75%
Saturation
50%
Lightness
16%
Brightness
11%
Tone = Dark Grayish
Hue = 233°
3 digits
#235
#234
#233
#225
#224
#223
#215
#214
#213
#135
#134
#133
#125
#124
#123
#115
#114
#113
#035
#034
#033
#025
#024
#023
#015
#014
#013
Named
midnightblue
darkslategray
black
navy
darkblue
indigo
darkslateblue
darkgreen
darkolivegreen
forestgreen
seagreen
green
Color Harmony
Analogous ±30°
Analogous ±30°
±60°
±60°
Square ±90°
Square ±90°
Triadic ±120°
Triadic ±120°
Split Complementary
Split Complementary
Complementary
Invert
White × Black
Hue × Saturation
Hue × Lightness
Hue Saturation Lightness White Black
Hue
-225 : 8
-210 : 23
-195 : 38
-180 : 53
-165 : 68
-150 : 83
-135 : 98
-120 : 113
-105 : 128
-90 : 143
-75 : 158
-60 : 173
-45 : 188
-30 : 203
-15 : 218
-10 : 223
-5 : 228
-2 : 231
±0 : 233
+2 : 235
+5 : 238
+10 : 243
+15 : 248
+30 : 263
+45 : 278
+60 : 293
+75 : 308
+90 : 323
+105 : 338
+120 : 353
Saturation
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
Lightness
+84 : 100
+80 : 96
+76 : 92
+72 : 88
+68 : 84
+64 : 80
+60 : 76
+56 : 72
+52 : 68
+48 : 64
+44 : 60
+40 : 56
+36 : 52
+34 : 50
+32 : 48
+28 : 44
+24 : 40
+20 : 36
+16 : 32
+12 : 28
+8 : 24
+4 : 20
+3 : 19
+2 : 18
±0 : 16
-2 : 14
-3 : 13
-4 : 12
-8 : 8
-12 : 4
-16 : 0
White
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
Black
-75 : 0
-71 : 4
-67 : 8
-63 : 12
-59 : 16
-55 : 20
-51 : 24
-47 : 28
-43 : 32
-39 : 36
-35 : 40
-31 : 44
-27 : 48
-25 : 50
-23 : 52
-19 : 56
-15 : 60
-11 : 64
-7 : 68
-3 : 72
-2 : 73
±0 : 75
+1 : 76
+2 : 77
+3 : 78
+5 : 80
+9 : 84
+13 : 88
+17 : 92
+21 : 96
+25 : 100
Red
+234 : 255
+217 : 238
+200 : 221
+183 : 204
+166 : 187
+149 : 170
+132 : 153
+115 : 136
+98 : 119
+81 : 102
+64 : 85
+47 : 68
+30 : 51
+13 : 34
+8 : 29
+4 : 25
+2 : 23
+1 : 22
±0 : 21
-1 : 20
-2 : 19
-4 : 17
-8 : 13
-21 : 0
Green
+229 : 255
+212 : 238
+195 : 221
+178 : 204
+161 : 187
+144 : 170
+127 : 153
+110 : 136
+93 : 119
+76 : 102
+59 : 85
+42 : 68
+25 : 51
+8 : 34
+4 : 30
+2 : 28
+1 : 27
±0 : 26
-1 : 25
-2 : 24
-4 : 22
-8 : 18
-9 : 17
-26 : 0
Blue
+192 : 255
+175 : 238
+158 : 221
+141 : 204
+124 : 187
+107 : 170
+90 : 153
+73 : 136
+56 : 119
+39 : 102
+22 : 85
+8 : 71
+5 : 68
+4 : 67
+2 : 65
+1 : 64
±0 : 63
-1 : 62
-2 : 61
-4 : 59
-8 : 55
-12 : 51
-29 : 34
-46 : 17
-63 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000