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.
#e112aa
Data
Red
225
Green
18
Blue
170
Hue
316°
White
7%
Black
12%
Saturation
85%
Lightness
48%
Brightness
38%
Tone = Strong
Hue = 316°
3 digits
#e2b
#e2a
#e29
#e1b
#e1a
#e19
#e0b
#e0a
#e09
#d2b
#d2a
#d29
#d1b
#d1a
#d19
#d0b
#d0a
#d09
#c2b
#c2a
#c29
#c1b
#c1a
#c19
#c0b
#c0a
#c09
Named
deeppink
mediumvioletred
darkorchid
mediumorchid
darkviolet
fuchsia
hotpink
darkmagenta
palevioletred
orchid
blueviolet
purple
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 : 1
-300 : 16
-285 : 31
-270 : 46
-255 : 61
-240 : 76
-225 : 91
-210 : 106
-195 : 121
-180 : 136
-165 : 151
-150 : 166
-135 : 181
-120 : 196
-105 : 211
-90 : 226
-75 : 241
-60 : 256
-45 : 271
-30 : 286
-15 : 301
-10 : 306
-5 : 311
-2 : 314
±0 : 316
+2 : 318
+5 : 321
+10 : 326
+15 : 331
+30 : 346
Saturation
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
Lightness
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
White
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
Black
-12 : 0
-8 : 4
-4 : 8
-3 : 9
-2 : 10
±0 : 12
+2 : 14
+3 : 15
+4 : 16
+8 : 20
+12 : 24
+16 : 28
+20 : 32
+24 : 36
+28 : 40
+32 : 44
+36 : 48
+38 : 50
+40 : 52
+44 : 56
+48 : 60
+52 : 64
+56 : 68
+60 : 72
+64 : 76
+68 : 80
+72 : 84
+76 : 88
+80 : 92
+84 : 96
+88 : 100
Red
+30 : 255
+13 : 238
+8 : 233
+4 : 229
+2 : 227
+1 : 226
±0 : 225
-1 : 224
-2 : 223
-4 : 221
-8 : 217
-21 : 204
-38 : 187
-55 : 170
-72 : 153
-89 : 136
-106 : 119
-123 : 102
-140 : 85
-157 : 68
-174 : 51
-191 : 34
-208 : 17
-225 : 0
Green
+237 : 255
+220 : 238
+203 : 221
+186 : 204
+169 : 187
+152 : 170
+135 : 153
+118 : 136
+101 : 119
+84 : 102
+67 : 85
+50 : 68
+33 : 51
+16 : 34
+8 : 26
+4 : 22
+2 : 20
+1 : 19
±0 : 18
-1 : 17
-2 : 16
-4 : 14
-8 : 10
-18 : 0
Blue
+85 : 255
+68 : 238
+51 : 221
+34 : 204
+17 : 187
+8 : 178
+4 : 174
+2 : 172
+1 : 171
±0 : 170
-1 : 169
-2 : 168
-4 : 166
-8 : 162
-17 : 153
-34 : 136
-51 : 119
-68 : 102
-85 : 85
-102 : 68
-119 : 51
-136 : 34
-153 : 17
-170 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000