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.
#ca3e8a
Data
Red
202
Green
62
Blue
138
Hue
327°
White
24%
Black
21%
Saturation
57%
Lightness
52%
Brightness
44%
Tone = Strong
Hue = 327°
3 digits
#d59
#d58
#d57
#d49
#d48
#d47
#d39
#d38
#d37
#c59
#c58
#c57
#c49
#c48
#c47
#c39
#c38
#c37
#b59
#b58
#b57
#b49
#b48
#b47
#b39
#b38
#b37
Named
mediumvioletred
palevioletred
indianred
deeppink
lightcoral
mediumorchid
hotpink
rosybrown
darkorchid
salmon
darkmagenta
crimson
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
-315 : 12
-300 : 27
-285 : 42
-270 : 57
-255 : 72
-240 : 87
-225 : 102
-210 : 117
-195 : 132
-180 : 147
-165 : 162
-150 : 177
-135 : 192
-120 : 207
-105 : 222
-90 : 237
-75 : 252
-60 : 267
-45 : 282
-30 : 297
-15 : 312
-10 : 317
-5 : 322
-2 : 325
±0 : 327
+2 : 329
+5 : 332
+10 : 337
+15 : 342
+30 : 357
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
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
White
-24 : 0
-20 : 4
-16 : 8
-12 : 12
-8 : 16
-4 : 20
-3 : 21
-2 : 22
±0 : 24
+2 : 26
+3 : 27
+4 : 28
+8 : 32
+12 : 36
+16 : 40
+20 : 44
+24 : 48
+26 : 50
+28 : 52
+32 : 56
+36 : 60
+40 : 64
+44 : 68
+48 : 72
+52 : 76
+56 : 80
+60 : 84
+64 : 88
+68 : 92
+72 : 96
+76 : 100
Black
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
Red
+53 : 255
+36 : 238
+19 : 221
+8 : 210
+4 : 206
+2 : 204
+1 : 203
±0 : 202
-1 : 201
-2 : 200
-4 : 198
-8 : 194
-15 : 187
-32 : 170
-49 : 153
-66 : 136
-83 : 119
-100 : 102
-117 : 85
-134 : 68
-151 : 51
-168 : 34
-185 : 17
-202 : 0
Green
+193 : 255
+176 : 238
+159 : 221
+142 : 204
+125 : 187
+108 : 170
+91 : 153
+74 : 136
+57 : 119
+40 : 102
+23 : 85
+8 : 70
+6 : 68
+4 : 66
+2 : 64
+1 : 63
±0 : 62
-1 : 61
-2 : 60
-4 : 58
-8 : 54
-11 : 51
-28 : 34
-45 : 17
-62 : 0
Blue
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000