#f278fd hex color

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

♥
- f
- t
- g
- R 95
- G 47
- B 99
RGB color chart
- C 4
- M 53
- Y 0
- K 1
CMYK color chart

● #f278fd color description : Soft magenta.

The hexadecimal color #f278fd has RGB values of R:242, G:120, B:253 and CMYK values of C:0.04, M:0.53, Y:0, K:0.01. Its decimal value is 15890685.

Hex triplet	f278fd	`#f278fd`
RGB Decimal	242, 120, 253	`rgb(242,120,253)`
RGB Percent	94.9, 47.1, 99.2	`rgb(94.9%,47.1%,99.2%)`
CMYK	4, 53, 0, 1
HSL	295°, 97.1, 73.1	`hsl(295,97.1%,73.1%)`
HSV (or HSB)	295°, 52.6, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	69.043, 64.868, -46.022
XYZ	61.062, 39.405, 97.313
xyY	0.309, 0.199, 39.405
CIE-LCH	69.043, 79.535, 324.645
CIE-LUV	69.043, 54.643, -83.19
Hunter-Lab	62.773, 63.781, -47.972
Binary	11110010, 01111000, 11111101

#f278fd
```
#f278fd rgb(242,120,253)
```
#83fd78
```
#83fd78 rgb(131,253,120)
```

Complementary Color

#b078fd
```
#b078fd rgb(176,120,253)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#fd78c6
```
#fd78c6 rgb(253,120,198)
```

Analogous Color

#78fdb0
```
#78fdb0 rgb(120,253,176)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#c6fd78
```
#c6fd78 rgb(198,253,120)
```

Split Complementary Color

#78fdf2
```
#78fdf2 rgb(120,253,242)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#fdf278
```
#fdf278 rgb(253,242,120)
```

Triadic Color

#7883fd
```
#7883fd rgb(120,131,253)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#fdf278
```
#fdf278 rgb(253,242,120)
```
#83fd78
```
#83fd78 rgb(131,253,120)
```

Tetradic Color

#eb2dfc
```
#eb2dfc rgb(235,45,252)
```
#ed46fc
```
#ed46fc rgb(237,70,252)
```
#f05ffd
```
#f05ffd rgb(240,95,253)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#f491fd
```
#f491fd rgb(244,145,253)
```
#f7aafe
```
#f7aafe rgb(247,170,254)
```
#f9c3fe
```
#f9c3fe rgb(249,195,254)
```

Monochromatic Color

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

#d178fd
```
#d178fd rgb(209,120,253)
```
#dc78fd
```
#dc78fd rgb(220,120,253)
```
#e778fd
```
#e778fd rgb(231,120,253)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#fd78fd
```
#fd78fd rgb(253,120,253)
```
#fd78f2
```
#fd78f2 rgb(253,120,242)
```
#fd78e7
```
#fd78e7 rgb(253,120,231)
```

Similar Colors

Text with hexadecimal color #f278fd

This text has a font color of #f278fd.

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

#f278fd background color

This paragraph has a background color of #f278fd.

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

#f278fd border color

This element has a border color of #f278fd.

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

CSS codes

.text {color:#f278fd;}

.background {background-color:#f278fd;}

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

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 #fdecff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#120014
```
#120014 rgb(18,0,20)
```
#240127
```
#240127 rgb(36,1,39)
```
#36013a
```
#36013a rgb(54,1,58)
```
#47014e
```
#47014e rgb(71,1,78)
```
#590161
```
#590161 rgb(89,1,97)
```
#6b0274
```
#6b0274 rgb(107,2,116)
```
#7d0288
```
#7d0288 rgb(125,2,136)
```
#8e029b
```
#8e029b rgb(142,2,155)
```
#a003ae
```
#a003ae rgb(160,3,174)
```
#b203c2
```
#b203c2 rgb(178,3,194)
```
#c403d5
```
#c403d5 rgb(196,3,213)
```
#d503e8
```
#d503e8 rgb(213,3,232)
```

Shade Color Variation

#e704fb
```
#e704fb rgb(231,4,251)
```
#e917fc
```
#e917fc rgb(233,23,252)
```
#eb2bfc
```
#eb2bfc rgb(235,43,252)
```
#ec3efc
```
#ec3efc rgb(236,62,252)
```
#ee51fc
```
#ee51fc rgb(238,81,252)
```
#f065fd
```
#f065fd rgb(240,101,253)
```
#f278fd
```
#f278fd rgb(242,120,253)
```
#f48bfd
```
#f48bfd rgb(244,139,253)
```
#f69ffe
```
#f69ffe rgb(246,159,254)
```
#f8b2fe
```
#f8b2fe rgb(248,178,254)
```
#f9c5fe
```
#f9c5fe rgb(249,197,254)
```
#fbd9fe
```
#fbd9fe rgb(251,217,254)
```
#fdecff
```
#fdecff rgb(253,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 #f278fd is the most saturated one.

#bdb7be
```
#bdb7be rgb(189,183,190)
```
#c2b2c3
```
#c2b2c3 rgb(194,178,195)
```
#c6adc8
```
#c6adc8 rgb(198,173,200)
```
#caa7ce
```
#caa7ce rgb(202,167,206)
```
#cfa2d3
```
#cfa2d3 rgb(207,162,211)
```
#d39dd8
```
#d39dd8 rgb(211,157,216)
```
#d898dd
```
#d898dd rgb(216,152,221)
```
#dc92e3
```
#dc92e3 rgb(220,146,227)
```
#e08de8
```
#e08de8 rgb(224,141,232)
```
#e588ed
```
#e588ed rgb(229,136,237)
```
#e983f2
```
#e983f2 rgb(233,131,242)
```
#ee7df8
```
#ee7df8 rgb(238,125,248)
```
#f278fd
```
#f278fd rgb(242,120,253)
```

Tone Color Variation

Below, you can see how #f278fd 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

#acacac Achromatopsia 0.005% of the population
#baa2bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#8baaff Protanopia 1% of men
#91abef Deuteranopia 1% of men
#e597a1 Tritanopia 0.001% of the population

Trichromacy

#b098fe Protanomaly 1% of men, 0.01% of women
#b498f4 Deuteranomaly 6% of men, 0.4% of women
#e98cc2 Tritanomaly 0.01% of the population

#f278fd hex color

#f278fd Color Information

#f278fd Color Conversion

Color Schemes with #f278fd

Alternatives to #f278fd

#f278fd Preview

Shades and Tints of #f278fd

Tones of #f278fd

Color Blindness Simulator