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.
#27166b
Data
Red
39
Green
22
Blue
107
Hue
252°
White
9%
Black
58%
Saturation
66%
Lightness
25%
Brightness
14%
Tone = Deep
Hue = 252°
3 digits
#327
#326
#325
#317
#316
#315
#307
#306
#305
#227
#226
#225
#217
#216
#215
#207
#206
#205
#127
#126
#125
#117
#116
#115
#107
#106
#105
Named
midnightblue
indigo
navy
darkblue
darkslateblue
darkslategray
rebeccapurple
purple
dimgray
darkmagenta
mediumblue
darkolivegreen
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 : 12
-225 : 27
-210 : 42
-195 : 57
-180 : 72
-165 : 87
-150 : 102
-135 : 117
-120 : 132
-105 : 147
-90 : 162
-75 : 177
-60 : 192
-45 : 207
-30 : 222
-15 : 237
-10 : 242
-5 : 247
-2 : 250
±0 : 252
+2 : 254
+5 : 257
+10 : 262
+15 : 267
+30 : 282
+45 : 297
+60 : 312
+75 : 327
+90 : 342
+105 : 357
Saturation
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
Lightness
+75 : 100
+71 : 96
+67 : 92
+63 : 88
+59 : 84
+55 : 80
+51 : 76
+47 : 72
+43 : 68
+39 : 64
+35 : 60
+31 : 56
+27 : 52
+25 : 50
+23 : 48
+19 : 44
+15 : 40
+11 : 36
+7 : 32
+3 : 28
+2 : 27
±0 : 25
-1 : 24
-2 : 23
-3 : 22
-5 : 20
-9 : 16
-13 : 12
-17 : 8
-21 : 4
-25 : 0
White
-9 : 0
-5 : 4
-3 : 6
-2 : 7
-1 : 8
±0 : 9
+2 : 11
+3 : 12
+7 : 16
+11 : 20
+15 : 24
+19 : 28
+23 : 32
+27 : 36
+31 : 40
+35 : 44
+39 : 48
+41 : 50
+43 : 52
+47 : 56
+51 : 60
+55 : 64
+59 : 68
+63 : 72
+67 : 76
+71 : 80
+75 : 84
+79 : 88
+83 : 92
+87 : 96
+91 : 100
Black
-58 : 0
-54 : 4
-50 : 8
-46 : 12
-42 : 16
-38 : 20
-34 : 24
-30 : 28
-26 : 32
-22 : 36
-18 : 40
-14 : 44
-10 : 48
-8 : 50
-6 : 52
-3 : 55
-2 : 56
±0 : 58
+2 : 60
+3 : 61
+6 : 64
+10 : 68
+14 : 72
+18 : 76
+22 : 80
+26 : 84
+30 : 88
+34 : 92
+38 : 96
+42 : 100
Red
+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
Green
+233 : 255
+216 : 238
+199 : 221
+182 : 204
+165 : 187
+148 : 170
+131 : 153
+114 : 136
+97 : 119
+80 : 102
+63 : 85
+46 : 68
+29 : 51
+12 : 34
+8 : 30
+4 : 26
+2 : 24
+1 : 23
±0 : 22
-1 : 21
-2 : 20
-4 : 18
-5 : 17
-8 : 14
-22 : 0
Blue
+148 : 255
+131 : 238
+114 : 221
+97 : 204
+80 : 187
+63 : 170
+46 : 153
+29 : 136
+12 : 119
+8 : 115
+4 : 111
+2 : 109
+1 : 108
±0 : 107
-1 : 106
-2 : 105
-4 : 103
-5 : 102
-8 : 99
-22 : 85
-39 : 68
-56 : 51
-73 : 34
-90 : 17
-107 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000