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.
#f625f8
Data
Red
246
Green
37
Blue
248
Hue
299°
White
15%
Black
3%
Saturation
94%
Lightness
56%
Brightness
48%
Tone = Strong
Hue = 299°
3 digits
#f3f
#f3e
#f3d
#f2f
#f2e
#f2d
#f1f
#f1e
#f1d
#e3f
#e3e
#e3d
#e2f
#e2e
#e2d
#e1f
#e1e
#e1d
#d3f
#d3e
#d3d
#d2f
#d2e
#d2d
#d1f
#d1e
#d1d
Named
fuchsia
mediumorchid
orchid
violet
hotpink
deeppink
darkorchid
blueviolet
darkviolet
mediumvioletred
mediumpurple
plum
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
-285 : 14
-270 : 29
-255 : 44
-240 : 59
-225 : 74
-210 : 89
-195 : 104
-180 : 119
-165 : 134
-150 : 149
-135 : 164
-120 : 179
-105 : 194
-90 : 209
-75 : 224
-60 : 239
-45 : 254
-30 : 269
-15 : 284
-10 : 289
-5 : 294
-2 : 297
±0 : 299
+2 : 301
+5 : 304
+10 : 309
+15 : 314
+30 : 329
+45 : 344
+60 : 359
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
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
White
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 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
+9 : 255
+8 : 254
+4 : 250
+2 : 248
+1 : 247
±0 : 246
-1 : 245
-2 : 244
-4 : 242
-8 : 238
-25 : 221
-42 : 204
-59 : 187
-76 : 170
-93 : 153
-110 : 136
-127 : 119
-144 : 102
-161 : 85
-178 : 68
-195 : 51
-212 : 34
-229 : 17
-246 : 0
Green
+218 : 255
+201 : 238
+184 : 221
+167 : 204
+150 : 187
+133 : 170
+116 : 153
+99 : 136
+82 : 119
+65 : 102
+48 : 85
+31 : 68
+14 : 51
+8 : 45
+4 : 41
+2 : 39
+1 : 38
±0 : 37
-1 : 36
-2 : 35
-3 : 34
-4 : 33
-8 : 29
-20 : 17
-37 : 0
Blue
+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
Color Palette
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000