#f278e1 hex color

In a RGB color space, hex #f278e1 is composed of 94.9% red, 47.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.4% magenta, 7% yellow and 5.1% black. It has a hue angle of 308.4 degrees, a saturation of 82.4% and a lightness of 71%. #f278e1 color hex could be obtained by blending #fff0ff with #e500c3. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 95
- G 47
- B 88
RGB color chart
- C 0
- M 50
- Y 7
- K 5
CMYK color chart

● #f278e1 color description : Soft magenta.

The hexadecimal color #f278e1 has RGB values of R:242, G:120, B:225 and CMYK values of C:0, M:0.5, Y:0.07, K:0.05. Its decimal value is 15890657.

Hex triplet	f278e1	`#f278e1`
RGB Decimal	242, 120, 225	`rgb(242,120,225)`
RGB Percent	94.9, 47.1, 88.2	`rgb(94.9%,47.1%,88.2%)`
CMYK	0, 50, 7, 5
HSL	308.4°, 82.4, 71	`hsl(308.4,82.4%,71%)`
HSV (or HSB)	308.4°, 50.4, 94.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	67.836, 60.099, -32.491
XYZ	56.924, 37.75, 75.518
xyY	0.334, 0.222, 37.75
CIE-LCH	67.836, 68.32, 331.603
CIE-LUV	67.836, 61.841, -60.412
Hunter-Lab	61.441, 57.857, -29.866
Binary	11110010, 01111000, 11100001

#f278e1
```
#f278e1 rgb(242,120,225)
```
#78f289
```
#78f289 rgb(120,242,137)
```

Complementary Color

#c678f2
```
#c678f2 rgb(198,120,242)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#f278a4
```
#f278a4 rgb(242,120,164)
```

Analogous Color

#78f2c6
```
#78f2c6 rgb(120,242,198)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#a4f278
```
#a4f278 rgb(164,242,120)
```

Split Complementary Color

#78e1f2
```
#78e1f2 rgb(120,225,242)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#e1f278
```
#e1f278 rgb(225,242,120)
```

Triadic Color

#8978f2
```
#8978f2 rgb(137,120,242)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#e1f278
```
#e1f278 rgb(225,242,120)
```
#78f289
```
#78f289 rgb(120,242,137)
```

Tetradic Color

#eb32d1
```
#eb32d1 rgb(235,50,209)
```
#ee49d7
```
#ee49d7 rgb(238,73,215)
```
#f061dc
```
#f061dc rgb(240,97,220)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#f48fe6
```
#f48fe6 rgb(244,143,230)
```
#f6a7eb
```
#f6a7eb rgb(246,167,235)
```
#f9bef1
```
#f9bef1 rgb(249,190,241)
```

Monochromatic Color

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

#e578f2
```
#e578f2 rgb(229,120,242)
```
#ef78f2
```
#ef78f2 rgb(239,120,242)
```
#f278eb
```
#f278eb rgb(242,120,235)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#f278d7
```
#f278d7 rgb(242,120,215)
```
#f278cd
```
#f278cd rgb(242,120,205)
```
#f278c3
```
#f278c3 rgb(242,120,195)
```

Similar Colors

Text with hexadecimal color #f278e1

This text has a font color of #f278e1.

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

#f278e1 background color

This paragraph has a background color of #f278e1.

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

#f278e1 border color

This element has a border color of #f278e1.

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

CSS codes

.text {color:#f278e1;}

.background {background-color:#f278e1;}

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

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, #080107 is the darkest color, while #fef5fd is the lightest one.

#080107
```
#080107 rgb(8,1,7)
```
#1a0317
```
#1a0317 rgb(26,3,23)
```
#2c0426
```
#2c0426 rgb(44,4,38)
```
#3e0636
```
#3e0636 rgb(62,6,54)
```
#500846
```
#500846 rgb(80,8,70)
```
#620955
```
#620955 rgb(98,9,85)
```
#730b65
```
#730b65 rgb(115,11,101)
```
#850d75
```
#850d75 rgb(133,13,117)
```
#970f84
```
#970f84 rgb(151,15,132)
```
#a91094
```
#a91094 rgb(169,16,148)
```
#bb12a4
```
#bb12a4 rgb(187,18,164)
```
#cd14b3
```
#cd14b3 rgb(205,20,179)
```
#df15c3
```
#df15c3 rgb(223,21,195)
```

Shade Color Variation

#e91fcd
```
#e91fcd rgb(233,31,205)
```
#eb30d1
```
#eb30d1 rgb(235,48,209)
```
#ed42d5
```
#ed42d5 rgb(237,66,213)
```
#ef54d9
```
#ef54d9 rgb(239,84,217)
```
#f066dd
```
#f066dd rgb(240,102,221)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#f48ae5
```
#f48ae5 rgb(244,138,229)
```
#f59ce9
```
#f59ce9 rgb(245,156,233)
```
#f7aeed
```
#f7aeed rgb(247,174,237)
```
#f9c0f1
```
#f9c0f1 rgb(249,192,241)
```
#fbd1f5
```
#fbd1f5 rgb(251,209,245)
```
#fce3f9
```
#fce3f9 rgb(252,227,249)
```
#fef5fd
```
#fef5fd rgb(254,245,253)
```

Tint Color Variation

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

#b9b1b8
```
#b9b1b8 rgb(185,177,184)
```
#bfabbc
```
#bfabbc rgb(191,171,188)
```
#c4a6c0
```
#c4a6c0 rgb(196,166,192)
```
#caa0c4
```
#caa0c4 rgb(202,160,196)
```
#d09ac8
```
#d09ac8 rgb(208,154,200)
```
#d694cc
```
#d694cc rgb(214,148,204)
```
#db8fd1
```
#db8fd1 rgb(219,143,209)
```
#e189d5
```
#e189d5 rgb(225,137,213)
```
#e783d9
```
#e783d9 rgb(231,131,217)
```
#ec7edd
```
#ec7edd rgb(236,126,221)
```
#f278e1
```
#f278e1 rgb(242,120,225)
```
#f872e5
```
#f872e5 rgb(248,114,229)
```
#fd6de9
```
#fd6de9 rgb(253,109,233)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b79eb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a7fe Protanopia 1% of men
#a0a7d7 Deuteranopia 1% of men
#e9909a Tritanopia 0.001% of the population

Trichromacy

#ae95f3 Protanomaly 1% of men, 0.01% of women
#bd96da Deuteranomaly 6% of men, 0.4% of women
#ec87b4 Tritanomaly 0.01% of the population

#f278e1 hex color

#f278e1 Color Information

#f278e1 Color Conversion

Color Schemes with #f278e1

Alternatives to #f278e1

#f278e1 Preview

Shades and Tints of #f278e1

Tones of #f278e1

Color Blindness Simulator