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.
#280511
Data
Red
40
Green
5
Blue
17
Hue
339°
White
2%
Black
84%
Saturation
78%
Lightness
9%
Brightness
7%
Tone = Dark Grayish
Hue = 339°
3 digits
#322
#321
#320
#312
#311
#310
#302
#301
#300
#222
#221
#220
#212
#211
#210
#202
#201
#200
#122
#121
#120
#112
#111
#110
#102
#101
#100
Named
black
maroon
darkslategray
midnightblue
darkred
darkgreen
darkolivegreen
saddlebrown
navy
indigo
darkblue
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
-330 : 9
-315 : 24
-300 : 39
-285 : 54
-270 : 69
-255 : 84
-240 : 99
-225 : 114
-210 : 129
-195 : 144
-180 : 159
-165 : 174
-150 : 189
-135 : 204
-120 : 219
-105 : 234
-90 : 249
-75 : 264
-60 : 279
-45 : 294
-30 : 309
-15 : 324
-10 : 329
-5 : 334
-2 : 337
±0 : 339
+2 : 341
+5 : 344
+10 : 349
+15 : 354
Saturation
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 0
Lightness
+91 : 100
+87 : 96
+83 : 92
+79 : 88
+75 : 84
+71 : 80
+67 : 76
+63 : 72
+59 : 68
+55 : 64
+51 : 60
+47 : 56
+43 : 52
+41 : 50
+39 : 48
+35 : 44
+31 : 40
+27 : 36
+23 : 32
+19 : 28
+15 : 24
+11 : 20
+7 : 16
+3 : 12
+2 : 11
±0 : 9
-1 : 8
-2 : 7
-3 : 6
-5 : 4
-9 : 0
White
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Black
-84 : 0
-80 : 4
-76 : 8
-72 : 12
-68 : 16
-64 : 20
-60 : 24
-56 : 28
-52 : 32
-48 : 36
-44 : 40
-40 : 44
-36 : 48
-34 : 50
-32 : 52
-28 : 56
-24 : 60
-20 : 64
-16 : 68
-12 : 72
-8 : 76
-4 : 80
-3 : 81
-2 : 82
±0 : 84
+2 : 86
+3 : 87
+4 : 88
+8 : 92
+12 : 96
+16 : 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
+250 : 255
+233 : 238
+216 : 221
+199 : 204
+182 : 187
+165 : 170
+148 : 153
+131 : 136
+114 : 119
+97 : 102
+80 : 85
+63 : 68
+46 : 51
+29 : 34
+12 : 17
+8 : 13
+4 : 9
+2 : 7
+1 : 6
±0 : 5
-1 : 4
-2 : 3
-4 : 1
-5 : 0
Blue
+238 : 255
+221 : 238
+204 : 221
+187 : 204
+170 : 187
+153 : 170
+136 : 153
+119 : 136
+102 : 119
+85 : 102
+68 : 85
+51 : 68
+34 : 51
+17 : 34
+8 : 25
+4 : 21
+2 : 19
+1 : 18
±0 : 17
-1 : 16
-2 : 15
-4 : 13
-8 : 9
-17 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000