colorhexa.com

#f578fd hex color

In a RGB color space, hex #f578fd is composed of 96.1% red, 47.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 52.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.4 degrees, a saturation of 97.1% and a lightness of 73.1%. #f578fd color hex could be obtained by blending #fff0ff with #eb00fb. Closest websafe color is: #ff66ff.

- R 96
- G 47
- B 99
RGB color chart
- C 3
- M 53
- Y 0
- K 1
CMYK color chart

● #f578fd color description : Soft magenta.

The hexadecimal color #f578fd has RGB values of R:245, G:120, B:253 and CMYK values of C:0.03, M:0.53, Y:0, K:0.01. Its decimal value is 16087293.

Hex triplet	f578fd	`#f578fd`
RGB Decimal	245, 120, 253	`rgb(245,120,253)`
RGB Percent	96.1, 47.1, 99.2	`rgb(96.1%,47.1%,99.2%)`
CMYK	3, 53, 0, 1
HSL	296.4°, 97.1, 73.1	`hsl(296.4,97.1%,73.1%)`
HSV (or HSB)	296.4°, 52.6, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	69.427, 65.647, -45.393
XYZ	62.101, 39.94, 97.361
xyY	0.311, 0.2, 39.94
CIE-LCH	69.427, 79.812, 325.337
CIE-LUV	69.427, 56.621, -82.367
Hunter-Lab	63.198, 64.803, -47.102
Binary	11110101, 01111000, 11111101

#f578fd
```
#f578fd rgb(245,120,253)
```
#80fd78
```
#80fd78 rgb(128,253,120)
```

Complementary Color

#b378fd
```
#b378fd rgb(179,120,253)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#fd78c3
```
#fd78c3 rgb(253,120,195)
```

Analogous Color

#78fdb3
```
#78fdb3 rgb(120,253,179)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#c3fd78
```
#c3fd78 rgb(195,253,120)
```

Split Complementary Color

#78fdf5
```
#78fdf5 rgb(120,253,245)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#fdf578
```
#fdf578 rgb(253,245,120)
```

Triadic Color

#7880fd
```
#7880fd rgb(120,128,253)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#fdf578
```
#fdf578 rgb(253,245,120)
```
#80fd78
```
#80fd78 rgb(128,253,120)
```

Tetradic Color

#ef2dfc
```
#ef2dfc rgb(239,45,252)
```
#f146fc
```
#f146fc rgb(241,70,252)
```
#f35ffd
```
#f35ffd rgb(243,95,253)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#f791fd
```
#f791fd rgb(247,145,253)
```
#f9aafe
```
#f9aafe rgb(249,170,254)
```
#fbc3fe
```
#fbc3fe rgb(251,195,254)
```

Monochromatic Color

Below, you can see some colors close to #f578fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d478fd
```
#d478fd rgb(212,120,253)
```
#df78fd
```
#df78fd rgb(223,120,253)
```
#ea78fd
```
#ea78fd rgb(234,120,253)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#fd78fa
```
#fd78fa rgb(253,120,250)
```
#fd78ef
```
#fd78ef rgb(253,120,239)
```
#fd78e4
```
#fd78e4 rgb(253,120,228)
```

Similar Colors

Text with hexadecimal color #f578fd

This text has a font color of #f578fd.

<span style="color:#f578fd;">Text here</span>

#f578fd background color

This paragraph has a background color of #f578fd.

<p style="background-color:#f578fd;">Content here</p>

#f578fd border color

This element has a border color of #f578fd.

<div style="border:1px solid #f578fd;">Content here</div>

CSS codes

.text {color:#f578fd;}

.background {background-color:#f578fd;}

.border {border:1px solid #f578fd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #feecff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#120014
```
#120014 rgb(18,0,20)
```
#250127
```
#250127 rgb(37,1,39)
```
#37013a
```
#37013a rgb(55,1,58)
```
#49014e
```
#49014e rgb(73,1,78)
```
#5b0161
```
#5b0161 rgb(91,1,97)
```
#6d0274
```
#6d0274 rgb(109,2,116)
```
#800288
```
#800288 rgb(128,2,136)
```
#92029b
```
#92029b rgb(146,2,155)
```
#a403ae
```
#a403ae rgb(164,3,174)
```
#b603c2
```
#b603c2 rgb(182,3,194)
```
#c803d5
```
#c803d5 rgb(200,3,213)
```
#da03e8
```
#da03e8 rgb(218,3,232)
```

Shade Color Variation

#ec04fb
```
#ec04fb rgb(236,4,251)
```
#ee17fc
```
#ee17fc rgb(238,23,252)
```
#ef2bfc
```
#ef2bfc rgb(239,43,252)
```
#f13efc
```
#f13efc rgb(241,62,252)
```
#f251fc
```
#f251fc rgb(242,81,252)
```
#f465fd
```
#f465fd rgb(244,101,253)
```
#f578fd
```
#f578fd rgb(245,120,253)
```
#f68bfd
```
#f68bfd rgb(246,139,253)
```
#f89ffe
```
#f89ffe rgb(248,159,254)
```
#f9b2fe
```
#f9b2fe rgb(249,178,254)
```
#fbc5fe
```
#fbc5fe rgb(251,197,254)
```
#fcd9fe
```
#fcd9fe rgb(252,217,254)
```
#feecff
```
#feecff rgb(254,236,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #bdb7be is the less saturated color, while #f578fd is the most saturated one.

#bdb7be
```
#bdb7be rgb(189,183,190)
```
#c2b2c3
```
#c2b2c3 rgb(194,178,195)
```
#c7adc8
```
#c7adc8 rgb(199,173,200)
```
#cba7ce
```
#cba7ce rgb(203,167,206)
```
#d0a2d3
```
#d0a2d3 rgb(208,162,211)
```
#d59dd8
```
#d59dd8 rgb(213,157,216)
```
#d998dd
```
#d998dd rgb(217,152,221)
```
#de92e3
```
#de92e3 rgb(222,146,227)
```
#e28de8
```
#e28de8 rgb(226,141,232)
```
#e788ed
```
#e788ed rgb(231,136,237)
```
#ec83f2
```
#ec83f2 rgb(236,131,242)
```
#f07df8
```
#f07df8 rgb(240,125,248)
```
#f578fd
```
#f578fd rgb(245,120,253)
```

Tone Color Variation

Below, you can see how #f578fd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#adadad Achromatopsia 0.005% of the population
#bba2bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#8cabff Protanopia 1% of men
#93acef Deuteranopia 1% of men
#e897a1 Tritanopia 0.001% of the population

Trichromacy

#b298fe Protanomaly 1% of men, 0.01% of women
#b799f4 Deuteranomaly 6% of men, 0.4% of women
#ec8cc2 Tritanomaly 0.01% of the population