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.
#f80fcd
Data
Red
248
Green
15
Blue
205
Hue
311°
White
6%
Black
3%
Saturation
94%
Lightness
52%
Brightness
42%
Tone = Vivid
Hue = 311°
3 digits
#f2d
#f2c
#f2b
#f1d
#f1c
#f1b
#f0d
#f0c
#f0b
#e2d
#e2c
#e2b
#e1d
#e1c
#e1b
#e0d
#e0c
#e0b
#d2d
#d2c
#d2b
#d1d
#d1c
#d1b
#d0d
#d0c
#d0b
Named
fuchsia
deeppink
mediumvioletred
hotpink
mediumorchid
darkorchid
darkviolet
orchid
blueviolet
palevioletred
violet
darkmagenta
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 : 11
-285 : 26
-270 : 41
-255 : 56
-240 : 71
-225 : 86
-210 : 101
-195 : 116
-180 : 131
-165 : 146
-150 : 161
-135 : 176
-120 : 191
-105 : 206
-90 : 221
-75 : 236
-60 : 251
-45 : 266
-30 : 281
-15 : 296
-10 : 301
-5 : 306
-2 : 309
±0 : 311
+2 : 313
+5 : 316
+10 : 321
+15 : 326
+30 : 341
+45 : 356
Saturation
+6 : 100
+3 : 97
+2 : 96
±0 : 94
-2 : 92
-3 : 91
-6 : 88
-10 : 84
-14 : 80
-18 : 76
-22 : 72
-26 : 68
-30 : 64
-34 : 60
-38 : 56
-42 : 52
-44 : 50
-46 : 48
-50 : 44
-54 : 40
-58 : 36
-62 : 32
-66 : 28
-70 : 24
-74 : 20
-78 : 16
-82 : 12
-86 : 8
-90 : 4
-94 : 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
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
Black
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
Red
+7 : 255
+4 : 252
+2 : 250
+1 : 249
±0 : 248
-1 : 247
-2 : 246
-4 : 244
-8 : 240
-10 : 238
-27 : 221
-44 : 204
-61 : 187
-78 : 170
-95 : 153
-112 : 136
-129 : 119
-146 : 102
-163 : 85
-180 : 68
-197 : 51
-214 : 34
-231 : 17
-248 : 0
Green
+240 : 255
+223 : 238
+206 : 221
+189 : 204
+172 : 187
+155 : 170
+138 : 153
+121 : 136
+104 : 119
+87 : 102
+70 : 85
+53 : 68
+36 : 51
+19 : 34
+8 : 23
+4 : 19
+2 : 17
+1 : 16
±0 : 15
-1 : 14
-2 : 13
-4 : 11
-8 : 7
-15 : 0
Blue
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000