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.
#c33aba
Data
Red
195
Green
58
Blue
186
Hue
304°
White
23%
Black
24%
Saturation
54%
Lightness
50%
Brightness
45%
Tone = Dull
Hue = 304°
3 digits
#c4c
#c4b
#c4a
#c3c
#c3b
#c3a
#c2c
#c2b
#c2a
#b4c
#b4b
#b4a
#b3c
#b3b
#b3a
#b2c
#b2b
#b2a
#a4c
#a4b
#a4a
#a3c
#a3b
#a3a
#a2c
#a2b
#a2a
Named
mediumorchid
darkorchid
mediumvioletred
orchid
palevioletred
blueviolet
hotpink
darkviolet
mediumpurple
deeppink
darkmagenta
rosybrown
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
-300 : 4
-285 : 19
-270 : 34
-255 : 49
-240 : 64
-225 : 79
-210 : 94
-195 : 109
-180 : 124
-165 : 139
-150 : 154
-135 : 169
-120 : 184
-105 : 199
-90 : 214
-75 : 229
-60 : 244
-45 : 259
-30 : 274
-15 : 289
-10 : 294
-5 : 299
-2 : 302
±0 : 304
+2 : 306
+5 : 309
+10 : 314
+15 : 319
+30 : 334
+45 : 349
Saturation
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 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
-23 : 0
-19 : 4
-15 : 8
-11 : 12
-7 : 16
-3 : 20
-2 : 21
±0 : 23
+1 : 24
+2 : 25
+3 : 26
+5 : 28
+9 : 32
+13 : 36
+17 : 40
+21 : 44
+25 : 48
+27 : 50
+29 : 52
+33 : 56
+37 : 60
+41 : 64
+45 : 68
+49 : 72
+53 : 76
+57 : 80
+61 : 84
+65 : 88
+69 : 92
+73 : 96
+77 : 100
Black
-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
Red
+60 : 255
+43 : 238
+26 : 221
+9 : 204
+8 : 203
+4 : 199
+2 : 197
+1 : 196
±0 : 195
-1 : 194
-2 : 193
-4 : 191
-8 : 187
-25 : 170
-42 : 153
-59 : 136
-76 : 119
-93 : 102
-110 : 85
-127 : 68
-144 : 51
-161 : 34
-178 : 17
-195 : 0
Green
+197 : 255
+180 : 238
+163 : 221
+146 : 204
+129 : 187
+112 : 170
+95 : 153
+78 : 136
+61 : 119
+44 : 102
+27 : 85
+10 : 68
+8 : 66
+4 : 62
+2 : 60
+1 : 59
±0 : 58
-1 : 57
-2 : 56
-4 : 54
-7 : 51
-8 : 50
-24 : 34
-41 : 17
-58 : 0
Blue
+69 : 255
+52 : 238
+35 : 221
+18 : 204
+8 : 194
+4 : 190
+2 : 188
+1 : 187
±0 : 186
-1 : 185
-2 : 184
-4 : 182
-8 : 178
-16 : 170
-33 : 153
-50 : 136
-67 : 119
-84 : 102
-101 : 85
-118 : 68
-135 : 51
-152 : 34
-169 : 17
-186 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000