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.
#604ace
Data
Red
96
Green
74
Blue
206
Hue
250°
White
29%
Black
19%
Saturation
57%
Lightness
55%
Brightness
38%
Tone = Soft
Hue = 250°
3 digits
#75d
#75c
#75b
#74d
#74c
#74b
#73d
#73c
#73b
#65d
#65c
#65b
#64d
#64c
#64b
#63d
#63c
#63b
#55d
#55c
#55b
#54d
#54c
#54b
#53d
#53c
#53b
Named
slateblue
royalblue
mediumslateblue
blueviolet
rebeccapurple
darkorchid
mediumpurple
steelblue
darkslateblue
cornflowerblue
slategray
lightslategray
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 : 10
-225 : 25
-210 : 40
-195 : 55
-180 : 70
-165 : 85
-150 : 100
-135 : 115
-120 : 130
-105 : 145
-90 : 160
-75 : 175
-60 : 190
-45 : 205
-30 : 220
-15 : 235
-10 : 240
-5 : 245
-2 : 248
±0 : 250
+2 : 252
+5 : 255
+10 : 260
+15 : 265
+30 : 280
+45 : 295
+60 : 310
+75 : 325
+90 : 340
+105 : 355
Saturation
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
Lightness
+45 : 100
+41 : 96
+37 : 92
+33 : 88
+29 : 84
+25 : 80
+21 : 76
+17 : 72
+13 : 68
+9 : 64
+5 : 60
+3 : 58
+2 : 57
+1 : 56
±0 : 55
-2 : 53
-3 : 52
-5 : 50
-7 : 48
-11 : 44
-15 : 40
-19 : 36
-23 : 32
-27 : 28
-31 : 24
-35 : 20
-39 : 16
-43 : 12
-47 : 8
-51 : 4
-55 : 0
White
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 100
Black
-19 : 0
-15 : 4
-11 : 8
-7 : 12
-3 : 16
-2 : 17
±0 : 19
+1 : 20
+2 : 21
+3 : 22
+5 : 24
+9 : 28
+13 : 32
+17 : 36
+21 : 40
+25 : 44
+29 : 48
+31 : 50
+33 : 52
+37 : 56
+41 : 60
+45 : 64
+49 : 68
+53 : 72
+57 : 76
+61 : 80
+65 : 84
+69 : 88
+73 : 92
+77 : 96
+81 : 100
Red
+159 : 255
+142 : 238
+125 : 221
+108 : 204
+91 : 187
+74 : 170
+57 : 153
+40 : 136
+23 : 119
+8 : 104
+6 : 102
+4 : 100
+2 : 98
+1 : 97
±0 : 96
-1 : 95
-2 : 94
-4 : 92
-8 : 88
-11 : 85
-28 : 68
-45 : 51
-62 : 34
-79 : 17
-96 : 0
Green
+181 : 255
+164 : 238
+147 : 221
+130 : 204
+113 : 187
+96 : 170
+79 : 153
+62 : 136
+45 : 119
+28 : 102
+11 : 85
+8 : 82
+4 : 78
+2 : 76
+1 : 75
±0 : 74
-1 : 73
-2 : 72
-4 : 70
-6 : 68
-8 : 66
-23 : 51
-40 : 34
-57 : 17
-74 : 0
Blue
+49 : 255
+32 : 238
+15 : 221
+8 : 214
+4 : 210
+2 : 208
+1 : 207
±0 : 206
-1 : 205
-2 : 204
-4 : 202
-8 : 198
-19 : 187
-36 : 170
-53 : 153
-70 : 136
-87 : 119
-104 : 102
-121 : 85
-138 : 68
-155 : 51
-172 : 34
-189 : 17
-206 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000