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.
#d561ae
Data
Red
213
Green
97
Blue
174
Hue
320°
White
38%
Black
16%
Saturation
58%
Lightness
61%
Brightness
55%
Tone = Soft
Hue = 320°
3 digits
#e7b
#e7a
#e79
#e6b
#e6a
#e69
#e5b
#e5a
#e59
#d7b
#d7a
#d79
#d6b
#d6a
#d69
#d5b
#d5a
#d59
#c7b
#c7a
#c79
#c6b
#c6a
#c69
#c5b
#c5a
#c59
Named
palevioletred
orchid
hotpink
mediumorchid
rosybrown
lightcoral
violet
darksalmon
salmon
plum
mediumpurple
darkorchid
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 : 5
-300 : 20
-285 : 35
-270 : 50
-255 : 65
-240 : 80
-225 : 95
-210 : 110
-195 : 125
-180 : 140
-165 : 155
-150 : 170
-135 : 185
-120 : 200
-105 : 215
-90 : 230
-75 : 245
-60 : 260
-45 : 275
-30 : 290
-15 : 305
-10 : 310
-5 : 315
-2 : 318
±0 : 320
+2 : 322
+5 : 325
+10 : 330
+15 : 335
+30 : 350
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
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
White
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 100
Black
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
Red
+42 : 255
+25 : 238
+8 : 221
+4 : 217
+2 : 215
+1 : 214
±0 : 213
-1 : 212
-2 : 211
-4 : 209
-8 : 205
-9 : 204
-26 : 187
-43 : 170
-60 : 153
-77 : 136
-94 : 119
-111 : 102
-128 : 85
-145 : 68
-162 : 51
-179 : 34
-196 : 17
-213 : 0
Green
+158 : 255
+141 : 238
+124 : 221
+107 : 204
+90 : 187
+73 : 170
+56 : 153
+39 : 136
+22 : 119
+8 : 105
+5 : 102
+4 : 101
+2 : 99
+1 : 98
±0 : 97
-1 : 96
-2 : 95
-4 : 93
-8 : 89
-12 : 85
-29 : 68
-46 : 51
-63 : 34
-80 : 17
-97 : 0
Blue
+81 : 255
+64 : 238
+47 : 221
+30 : 204
+13 : 187
+8 : 182
+4 : 178
+2 : 176
+1 : 175
±0 : 174
-1 : 173
-2 : 172
-4 : 170
-8 : 166
-21 : 153
-38 : 136
-55 : 119
-72 : 102
-89 : 85
-106 : 68
-123 : 51
-140 : 34
-157 : 17
-174 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000