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.
#e56cc0
Data
Red
229
Green
108
Blue
192
Hue
318°
White
42%
Black
10%
Saturation
70%
Lightness
66%
Brightness
60%
Tone = Bright
Hue = 318°
3 digits
#e7c
#e7b
#e7a
#e6c
#e6b
#e6a
#e5c
#e5b
#e5a
#d7c
#d7b
#d7a
#d6c
#d6b
#d6a
#d5c
#d5b
#d5a
#c7c
#c7b
#c7a
#c6c
#c6b
#c6a
#c5c
#c5b
#c5a
Named
orchid
hotpink
palevioletred
violet
mediumorchid
plum
lightcoral
rosybrown
lightpink
darksalmon
salmon
mediumpurple
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 : 3
-300 : 18
-285 : 33
-270 : 48
-255 : 63
-240 : 78
-225 : 93
-210 : 108
-195 : 123
-180 : 138
-165 : 153
-150 : 168
-135 : 183
-120 : 198
-105 : 213
-90 : 228
-75 : 243
-60 : 258
-45 : 273
-30 : 288
-15 : 303
-10 : 308
-5 : 313
-2 : 316
±0 : 318
+2 : 320
+5 : 323
+10 : 328
+15 : 333
+30 : 348
Saturation
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
Lightness
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
White
-42 : 0
-38 : 4
-34 : 8
-30 : 12
-26 : 16
-22 : 20
-18 : 24
-14 : 28
-10 : 32
-6 : 36
-3 : 39
-2 : 40
±0 : 42
+2 : 44
+3 : 45
+6 : 48
+8 : 50
+10 : 52
+14 : 56
+18 : 60
+22 : 64
+26 : 68
+30 : 72
+34 : 76
+38 : 80
+42 : 84
+46 : 88
+50 : 92
+54 : 96
+58 : 100
Black
-10 : 0
-6 : 4
-3 : 7
-2 : 8
±0 : 10
+2 : 12
+3 : 13
+6 : 16
+10 : 20
+14 : 24
+18 : 28
+22 : 32
+26 : 36
+30 : 40
+34 : 44
+38 : 48
+40 : 50
+42 : 52
+46 : 56
+50 : 60
+54 : 64
+58 : 68
+62 : 72
+66 : 76
+70 : 80
+74 : 84
+78 : 88
+82 : 92
+86 : 96
+90 : 100
Red
+26 : 255
+9 : 238
+8 : 237
+4 : 233
+2 : 231
+1 : 230
±0 : 229
-1 : 228
-2 : 227
-4 : 225
-8 : 221
-25 : 204
-42 : 187
-59 : 170
-76 : 153
-93 : 136
-110 : 119
-127 : 102
-144 : 85
-161 : 68
-178 : 51
-195 : 34
-212 : 17
-229 : 0
Green
+147 : 255
+130 : 238
+113 : 221
+96 : 204
+79 : 187
+62 : 170
+45 : 153
+28 : 136
+11 : 119
+8 : 116
+4 : 112
+2 : 110
+1 : 109
±0 : 108
-1 : 107
-2 : 106
-4 : 104
-6 : 102
-8 : 100
-23 : 85
-40 : 68
-57 : 51
-74 : 34
-91 : 17
-108 : 0
Blue
+63 : 255
+46 : 238
+29 : 221
+12 : 204
+8 : 200
+4 : 196
+2 : 194
+1 : 193
±0 : 192
-1 : 191
-2 : 190
-4 : 188
-5 : 187
-8 : 184
-22 : 170
-39 : 153
-56 : 136
-73 : 119
-90 : 102
-107 : 85
-124 : 68
-141 : 51
-158 : 34
-175 : 17
-192 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000