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.
#db55bb
Data
Red
219
Green
85
Blue
187
Hue
314°
White
33%
Black
14%
Saturation
65%
Lightness
60%
Brightness
54%
Tone = Soft
Hue = 314°
3 digits
#e6c
#e6b
#e6a
#e5c
#e5b
#e5a
#e4c
#e4b
#e4a
#d6c
#d6b
#d6a
#d5c
#d5b
#d5a
#d4c
#d4b
#d4a
#c6c
#c6b
#c6a
#c5c
#c5b
#c5a
#c4c
#c4b
#c4a
Named
orchid
mediumorchid
hotpink
palevioletred
violet
lightcoral
darkorchid
rosybrown
plum
mediumpurple
deeppink
mediumvioletred
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 : 14
-285 : 29
-270 : 44
-255 : 59
-240 : 74
-225 : 89
-210 : 104
-195 : 119
-180 : 134
-165 : 149
-150 : 164
-135 : 179
-120 : 194
-105 : 209
-90 : 224
-75 : 239
-60 : 254
-45 : 269
-30 : 284
-15 : 299
-10 : 304
-5 : 309
-2 : 312
±0 : 314
+2 : 316
+5 : 319
+10 : 324
+15 : 329
+30 : 344
+45 : 359
Saturation
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
Lightness
+40 : 100
+36 : 96
+32 : 92
+28 : 88
+24 : 84
+20 : 80
+16 : 76
+12 : 72
+8 : 68
+4 : 64
+3 : 63
+2 : 62
±0 : 60
-2 : 58
-3 : 57
-4 : 56
-8 : 52
-10 : 50
-12 : 48
-16 : 44
-20 : 40
-24 : 36
-28 : 32
-32 : 28
-36 : 24
-40 : 20
-44 : 16
-48 : 12
-52 : 8
-56 : 4
-60 : 0
White
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
Black
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
Red
+36 : 255
+19 : 238
+8 : 227
+4 : 223
+2 : 221
+1 : 220
±0 : 219
-1 : 218
-2 : 217
-4 : 215
-8 : 211
-15 : 204
-32 : 187
-49 : 170
-66 : 153
-83 : 136
-100 : 119
-117 : 102
-134 : 85
-151 : 68
-168 : 51
-185 : 34
-202 : 17
-219 : 0
Green
+170 : 255
+153 : 238
+136 : 221
+119 : 204
+102 : 187
+85 : 170
+68 : 153
+51 : 136
+34 : 119
+17 : 102
+8 : 93
+4 : 89
+2 : 87
+1 : 86
±0 : 85
-1 : 84
-2 : 83
-4 : 81
-8 : 77
-17 : 68
-34 : 51
-51 : 34
-68 : 17
-85 : 0
Blue
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000