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.
#28274d
Data
Red
40
Green
39
Blue
77
Hue
242°
White
15%
Black
70%
Saturation
33%
Lightness
23%
Brightness
17%
Tone = Dark Grayish
Hue = 242°
3 digits
#336
#335
#334
#326
#325
#324
#316
#315
#314
#236
#235
#234
#226
#225
#224
#216
#215
#214
#136
#135
#134
#126
#125
#124
#116
#115
#114
Named
midnightblue
darkslategray
darkslateblue
indigo
navy
darkblue
darkolivegreen
black
dimgray
rebeccapurple
seagreen
darkgreen
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
-240 : 2
-225 : 17
-210 : 32
-195 : 47
-180 : 62
-165 : 77
-150 : 92
-135 : 107
-120 : 122
-105 : 137
-90 : 152
-75 : 167
-60 : 182
-45 : 197
-30 : 212
-15 : 227
-10 : 232
-5 : 237
-2 : 240
±0 : 242
+2 : 244
+5 : 247
+10 : 252
+15 : 257
+30 : 272
+45 : 287
+60 : 302
+75 : 317
+90 : 332
+105 : 347
Saturation
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
Lightness
+77 : 100
+73 : 96
+69 : 92
+65 : 88
+61 : 84
+57 : 80
+53 : 76
+49 : 72
+45 : 68
+41 : 64
+37 : 60
+33 : 56
+29 : 52
+27 : 50
+25 : 48
+21 : 44
+17 : 40
+13 : 36
+9 : 32
+5 : 28
+3 : 26
+2 : 25
+1 : 24
±0 : 23
-2 : 21
-3 : 20
-7 : 16
-11 : 12
-15 : 8
-19 : 4
-23 : 0
White
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
Black
-70 : 0
-66 : 4
-62 : 8
-58 : 12
-54 : 16
-50 : 20
-46 : 24
-42 : 28
-38 : 32
-34 : 36
-30 : 40
-26 : 44
-22 : 48
-20 : 50
-18 : 52
-14 : 56
-10 : 60
-6 : 64
-3 : 67
-2 : 68
±0 : 70
+2 : 72
+3 : 73
+6 : 76
+10 : 80
+14 : 84
+18 : 88
+22 : 92
+26 : 96
+30 : 100
Red
+215 : 255
+198 : 238
+181 : 221
+164 : 204
+147 : 187
+130 : 170
+113 : 153
+96 : 136
+79 : 119
+62 : 102
+45 : 85
+28 : 68
+11 : 51
+8 : 48
+4 : 44
+2 : 42
+1 : 41
±0 : 40
-1 : 39
-2 : 38
-4 : 36
-6 : 34
-8 : 32
-23 : 17
-40 : 0
Green
+216 : 255
+199 : 238
+182 : 221
+165 : 204
+148 : 187
+131 : 170
+114 : 153
+97 : 136
+80 : 119
+63 : 102
+46 : 85
+29 : 68
+12 : 51
+8 : 47
+4 : 43
+2 : 41
+1 : 40
±0 : 39
-1 : 38
-2 : 37
-4 : 35
-5 : 34
-8 : 31
-22 : 17
-39 : 0
Blue
+178 : 255
+161 : 238
+144 : 221
+127 : 204
+110 : 187
+93 : 170
+76 : 153
+59 : 136
+42 : 119
+25 : 102
+8 : 85
+4 : 81
+2 : 79
+1 : 78
±0 : 77
-1 : 76
-2 : 75
-4 : 73
-8 : 69
-9 : 68
-26 : 51
-43 : 34
-60 : 17
-77 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000