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.
#394099
Data
Red
57
Green
64
Blue
153
Hue
236°
White
22%
Black
40%
Saturation
46%
Lightness
41%
Brightness
28%
Tone = Dull
Hue = 236°
3 digits
#45a
#459
#458
#44a
#449
#448
#43a
#439
#438
#35a
#359
#358
#34a
#349
#348
#33a
#339
#338
#25a
#259
#258
#24a
#249
#248
#23a
#239
#238
Named
darkslateblue
rebeccapurple
midnightblue
indigo
steelblue
slateblue
darkslategray
dimgray
royalblue
slategray
darkblue
teal
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
-225 : 11
-210 : 26
-195 : 41
-180 : 56
-165 : 71
-150 : 86
-135 : 101
-120 : 116
-105 : 131
-90 : 146
-75 : 161
-60 : 176
-45 : 191
-30 : 206
-15 : 221
-10 : 226
-5 : 231
-2 : 234
±0 : 236
+2 : 238
+5 : 241
+10 : 246
+15 : 251
+30 : 266
+45 : 281
+60 : 296
+75 : 311
+90 : 326
+105 : 341
+120 : 356
Saturation
+54 : 100
+50 : 96
+46 : 92
+42 : 88
+38 : 84
+34 : 80
+30 : 76
+26 : 72
+22 : 68
+18 : 64
+14 : 60
+10 : 56
+6 : 52
+4 : 50
+3 : 49
+2 : 48
±0 : 46
-2 : 44
-3 : 43
-6 : 40
-10 : 36
-14 : 32
-18 : 28
-22 : 24
-26 : 20
-30 : 16
-34 : 12
-38 : 8
-42 : 4
-46 : 0
Lightness
+59 : 100
+55 : 96
+51 : 92
+47 : 88
+43 : 84
+39 : 80
+35 : 76
+31 : 72
+27 : 68
+23 : 64
+19 : 60
+15 : 56
+11 : 52
+9 : 50
+7 : 48
+3 : 44
+2 : 43
±0 : 41
-1 : 40
-2 : 39
-3 : 38
-5 : 36
-9 : 32
-13 : 28
-17 : 24
-21 : 20
-25 : 16
-29 : 12
-33 : 8
-37 : 4
-41 : 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
-40 : 0
-36 : 4
-32 : 8
-28 : 12
-24 : 16
-20 : 20
-16 : 24
-12 : 28
-8 : 32
-4 : 36
-3 : 37
-2 : 38
±0 : 40
+2 : 42
+3 : 43
+4 : 44
+8 : 48
+10 : 50
+12 : 52
+16 : 56
+20 : 60
+24 : 64
+28 : 68
+32 : 72
+36 : 76
+40 : 80
+44 : 84
+48 : 88
+52 : 92
+56 : 96
+60 : 100
Red
+198 : 255
+181 : 238
+164 : 221
+147 : 204
+130 : 187
+113 : 170
+96 : 153
+79 : 136
+62 : 119
+45 : 102
+28 : 85
+11 : 68
+8 : 65
+4 : 61
+2 : 59
+1 : 58
±0 : 57
-1 : 56
-2 : 55
-4 : 53
-6 : 51
-8 : 49
-23 : 34
-40 : 17
-57 : 0
Green
+191 : 255
+174 : 238
+157 : 221
+140 : 204
+123 : 187
+106 : 170
+89 : 153
+72 : 136
+55 : 119
+38 : 102
+21 : 85
+8 : 72
+4 : 68
+2 : 66
+1 : 65
±0 : 64
-1 : 63
-2 : 62
-4 : 60
-8 : 56
-13 : 51
-30 : 34
-47 : 17
-64 : 0
Blue
+102 : 255
+85 : 238
+68 : 221
+51 : 204
+34 : 187
+17 : 170
+8 : 161
+4 : 157
+2 : 155
+1 : 154
±0 : 153
-1 : 152
-2 : 151
-4 : 149
-8 : 145
-17 : 136
-34 : 119
-51 : 102
-68 : 85
-85 : 68
-102 : 51
-119 : 34
-136 : 17
-153 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000