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.
#384663
Data
Red
56
Green
70
Blue
99
Hue
220°
White
22%
Black
61%
Saturation
28%
Lightness
30%
Brightness
27%
Tone = Dark
Hue = 220°
3 digits
#457
#456
#455
#447
#446
#445
#437
#436
#435
#357
#356
#355
#347
#346
#345
#337
#336
#335
#257
#256
#255
#247
#246
#245
#237
#236
#235
Named
darkslategray
darkslateblue
midnightblue
dimgray
darkolivegreen
seagreen
rebeccapurple
indigo
teal
slategray
navy
gray
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
-210 : 10
-195 : 25
-180 : 40
-165 : 55
-150 : 70
-135 : 85
-120 : 100
-105 : 115
-90 : 130
-75 : 145
-60 : 160
-45 : 175
-30 : 190
-15 : 205
-10 : 210
-5 : 215
-2 : 218
±0 : 220
+2 : 222
+5 : 225
+10 : 230
+15 : 235
+30 : 250
+45 : 265
+60 : 280
+75 : 295
+90 : 310
+105 : 325
+120 : 340
+135 : 355
Saturation
+72 : 100
+68 : 96
+64 : 92
+60 : 88
+56 : 84
+52 : 80
+48 : 76
+44 : 72
+40 : 68
+36 : 64
+32 : 60
+28 : 56
+24 : 52
+22 : 50
+20 : 48
+16 : 44
+12 : 40
+8 : 36
+4 : 32
+3 : 31
+2 : 30
±0 : 28
-2 : 26
-3 : 25
-4 : 24
-8 : 20
-12 : 16
-16 : 12
-20 : 8
-24 : 4
-28 : 0
Lightness
+70 : 100
+66 : 96
+62 : 92
+58 : 88
+54 : 84
+50 : 80
+46 : 76
+42 : 72
+38 : 68
+34 : 64
+30 : 60
+26 : 56
+22 : 52
+20 : 50
+18 : 48
+14 : 44
+10 : 40
+6 : 36
+3 : 33
+2 : 32
±0 : 30
-2 : 28
-3 : 27
-6 : 24
-10 : 20
-14 : 16
-18 : 12
-22 : 8
-26 : 4
-30 : 0
White
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
Black
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
Red
+199 : 255
+182 : 238
+165 : 221
+148 : 204
+131 : 187
+114 : 170
+97 : 153
+80 : 136
+63 : 119
+46 : 102
+29 : 85
+12 : 68
+8 : 64
+4 : 60
+2 : 58
+1 : 57
±0 : 56
-1 : 55
-2 : 54
-4 : 52
-5 : 51
-8 : 48
-22 : 34
-39 : 17
-56 : 0
Green
+185 : 255
+168 : 238
+151 : 221
+134 : 204
+117 : 187
+100 : 170
+83 : 153
+66 : 136
+49 : 119
+32 : 102
+15 : 85
+8 : 78
+4 : 74
+2 : 72
+1 : 71
±0 : 70
-1 : 69
-2 : 68
-4 : 66
-8 : 62
-19 : 51
-36 : 34
-53 : 17
-70 : 0
Blue
+156 : 255
+139 : 238
+122 : 221
+105 : 204
+88 : 187
+71 : 170
+54 : 153
+37 : 136
+20 : 119
+8 : 107
+4 : 103
+3 : 102
+2 : 101
+1 : 100
±0 : 99
-1 : 98
-2 : 97
-4 : 95
-8 : 91
-14 : 85
-31 : 68
-48 : 51
-65 : 34
-82 : 17
-99 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000