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.
#c37fc3
Data
Red
195
Green
127
Blue
195
Hue
300°
White
50%
Black
24%
Saturation
36%
Lightness
63%
Brightness
61%
Tone = Light Grayish
Hue = 300°
3 digits
#c8c
#c8b
#c8a
#c7c
#c7b
#c7a
#c6c
#c6b
#c6a
#b8c
#b8b
#b8a
#b7c
#b7b
#b7a
#b6c
#b6b
#b6a
#a8c
#a8b
#a8a
#a7c
#a7b
#a7a
#a6c
#a6b
#a6a
Named
orchid
mediumorchid
plum
rosybrown
palevioletred
mediumpurple
darkgray
violet
silver
hotpink
thistle
lightsteelblue
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 : 0
-285 : 15
-270 : 30
-255 : 45
-240 : 60
-225 : 75
-210 : 90
-195 : 105
-180 : 120
-165 : 135
-150 : 150
-135 : 165
-120 : 180
-105 : 195
-90 : 210
-75 : 225
-60 : 240
-45 : 255
-30 : 270
-15 : 285
-10 : 290
-5 : 295
-2 : 298
±0 : 300
+2 : 302
+5 : 305
+10 : 310
+15 : 315
+30 : 330
+45 : 345
Saturation
+64 : 100
+60 : 96
+56 : 92
+52 : 88
+48 : 84
+44 : 80
+40 : 76
+36 : 72
+32 : 68
+28 : 64
+24 : 60
+20 : 56
+16 : 52
+14 : 50
+12 : 48
+8 : 44
+4 : 40
+3 : 39
+2 : 38
±0 : 36
-2 : 34
-3 : 33
-4 : 32
-8 : 28
-12 : 24
-16 : 20
-20 : 16
-24 : 12
-28 : 8
-32 : 4
-36 : 0
Lightness
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
White
-50 : 0
-46 : 4
-42 : 8
-38 : 12
-34 : 16
-30 : 20
-26 : 24
-22 : 28
-18 : 32
-14 : 36
-10 : 40
-6 : 44
-3 : 47
-2 : 48
±0 : 50
+2 : 52
+3 : 53
+6 : 56
+10 : 60
+14 : 64
+18 : 68
+22 : 72
+26 : 76
+30 : 80
+34 : 84
+38 : 88
+42 : 92
+46 : 96
+50 : 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
+128 : 255
+111 : 238
+94 : 221
+77 : 204
+60 : 187
+43 : 170
+26 : 153
+9 : 136
+8 : 135
+4 : 131
+2 : 129
+1 : 128
±0 : 127
-1 : 126
-2 : 125
-4 : 123
-8 : 119
-25 : 102
-42 : 85
-59 : 68
-76 : 51
-93 : 34
-110 : 17
-127 : 0
Blue
+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
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000