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.
#ca367a
Data
Red
202
Green
54
Blue
122
Hue
332°
White
21%
Black
21%
Saturation
58%
Lightness
50%
Brightness
42%
Tone = Strong
Hue = 332°
3 digits
#d48
#d47
#d46
#d38
#d37
#d36
#d28
#d27
#d26
#c48
#c47
#c46
#c38
#c37
#c36
#c28
#c27
#c26
#b48
#b47
#b46
#b38
#b37
#b36
#b28
#b27
#b26
Named
mediumvioletred
indianred
palevioletred
deeppink
crimson
lightcoral
darkmagenta
tomato
salmon
brown
purple
sienna
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
-330 : 2
-315 : 17
-300 : 32
-285 : 47
-270 : 62
-255 : 77
-240 : 92
-225 : 107
-210 : 122
-195 : 137
-180 : 152
-165 : 167
-150 : 182
-135 : 197
-120 : 212
-105 : 227
-90 : 242
-75 : 257
-60 : 272
-45 : 287
-30 : 302
-15 : 317
-10 : 322
-5 : 327
-2 : 330
±0 : 332
+2 : 334
+5 : 337
+10 : 342
+15 : 347
Saturation
+42 : 100
+38 : 96
+34 : 92
+30 : 88
+26 : 84
+22 : 80
+18 : 76
+14 : 72
+10 : 68
+6 : 64
+3 : 61
+2 : 60
±0 : 58
-2 : 56
-3 : 55
-6 : 52
-8 : 50
-10 : 48
-14 : 44
-18 : 40
-22 : 36
-26 : 32
-30 : 28
-34 : 24
-38 : 20
-42 : 16
-46 : 12
-50 : 8
-54 : 4
-58 : 0
Lightness
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
White
-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
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
+201 : 255
+184 : 238
+167 : 221
+150 : 204
+133 : 187
+116 : 170
+99 : 153
+82 : 136
+65 : 119
+48 : 102
+31 : 85
+14 : 68
+8 : 62
+4 : 58
+2 : 56
+1 : 55
±0 : 54
-1 : 53
-2 : 52
-3 : 51
-4 : 50
-8 : 46
-20 : 34
-37 : 17
-54 : 0
Blue
+133 : 255
+116 : 238
+99 : 221
+82 : 204
+65 : 187
+48 : 170
+31 : 153
+14 : 136
+8 : 130
+4 : 126
+2 : 124
+1 : 123
±0 : 122
-1 : 121
-2 : 120
-3 : 119
-4 : 118
-8 : 114
-20 : 102
-37 : 85
-54 : 68
-71 : 51
-88 : 34
-105 : 17
-122 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000