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.
#fa0daa
Data
Red
250
Green
13
Blue
170
Hue
320°
White
5%
Black
2%
Saturation
96%
Lightness
52%
Brightness
40%
Tone = Vivid
Hue = 320°
3 digits
#f2b
#f2a
#f29
#f1b
#f1a
#f19
#f0b
#f0a
#f09
#e2b
#e2a
#e29
#e1b
#e1a
#e19
#e0b
#e0a
#e09
#d2b
#d2a
#d29
#d1b
#d1a
#d19
#d0b
#d0a
#d09
Named
deeppink
mediumvioletred
fuchsia
hotpink
mediumorchid
palevioletred
darkorchid
darkviolet
orchid
crimson
darkmagenta
indianred
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
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
Lightness
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
White
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
Black
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
Red
+5 : 255
+4 : 254
+2 : 252
+1 : 251
±0 : 250
-1 : 249
-2 : 248
-4 : 246
-8 : 242
-12 : 238
-29 : 221
-46 : 204
-63 : 187
-80 : 170
-97 : 153
-114 : 136
-131 : 119
-148 : 102
-165 : 85
-182 : 68
-199 : 51
-216 : 34
-233 : 17
-250 : 0
Green
+242 : 255
+225 : 238
+208 : 221
+191 : 204
+174 : 187
+157 : 170
+140 : 153
+123 : 136
+106 : 119
+89 : 102
+72 : 85
+55 : 68
+38 : 51
+21 : 34
+8 : 21
+4 : 17
+2 : 15
+1 : 14
±0 : 13
-1 : 12
-2 : 11
-4 : 9
-8 : 5
-13 : 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