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.
#385e9d
Data
Red
56
Green
94
Blue
157
Hue
217°
White
22%
Black
38%
Saturation
47%
Lightness
42%
Brightness
35%
Tone = Dull
Hue = 217°
3 digits
#47a
#479
#478
#46a
#469
#468
#45a
#459
#458
#37a
#379
#378
#36a
#369
#368
#35a
#359
#358
#27a
#279
#278
#26a
#269
#268
#25a
#259
#258
Named
darkslateblue
steelblue
rebeccapurple
slategray
slateblue
royalblue
teal
dimgray
darkcyan
cadetblue
lightslategray
darkslategray
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 : 7
-195 : 22
-180 : 37
-165 : 52
-150 : 67
-135 : 82
-120 : 97
-105 : 112
-90 : 127
-75 : 142
-60 : 157
-45 : 172
-30 : 187
-15 : 202
-10 : 207
-5 : 212
-2 : 215
±0 : 217
+2 : 219
+5 : 222
+10 : 227
+15 : 232
+30 : 247
+45 : 262
+60 : 277
+75 : 292
+90 : 307
+105 : 322
+120 : 337
+135 : 352
Saturation
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 0
Lightness
+58 : 100
+54 : 96
+50 : 92
+46 : 88
+42 : 84
+38 : 80
+34 : 76
+30 : 72
+26 : 68
+22 : 64
+18 : 60
+14 : 56
+10 : 52
+8 : 50
+6 : 48
+3 : 45
+2 : 44
±0 : 42
-2 : 40
-3 : 39
-6 : 36
-10 : 32
-14 : 28
-18 : 24
-22 : 20
-26 : 16
-30 : 12
-34 : 8
-38 : 4
-42 : 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
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 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
+161 : 255
+144 : 238
+127 : 221
+110 : 204
+93 : 187
+76 : 170
+59 : 153
+42 : 136
+25 : 119
+8 : 102
+4 : 98
+2 : 96
+1 : 95
±0 : 94
-1 : 93
-2 : 92
-4 : 90
-8 : 86
-9 : 85
-26 : 68
-43 : 51
-60 : 34
-77 : 17
-94 : 0
Blue
+98 : 255
+81 : 238
+64 : 221
+47 : 204
+30 : 187
+13 : 170
+8 : 165
+4 : 161
+2 : 159
+1 : 158
±0 : 157
-1 : 156
-2 : 155
-4 : 153
-8 : 149
-21 : 136
-38 : 119
-55 : 102
-72 : 85
-89 : 68
-106 : 51
-123 : 34
-140 : 17
-157 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000