#f278aa hex color

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

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

● #f278aa color description : Soft pink.

The hexadecimal color #f278aa has RGB values of R:242, G:120, B:170 and CMYK values of C:0, M:0.5, Y:0.3, K:0.05. Its decimal value is 15890602.

Hex triplet	f278aa	`#f278aa`
RGB Decimal	242, 120, 170	`rgb(242,120,170)`
RGB Percent	94.9, 47.1, 66.7	`rgb(94.9%,47.1%,66.7%)`
CMYK	0, 50, 30, 5
HSL	335.4°, 82.4, 71	`hsl(335.4,82.4%,71%)`
HSV (or HSB)	335.4°, 50.4, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	65.917, 52.121, -4.539
XYZ	50.59, 35.216, 42.161
xyY	0.395, 0.275, 35.216
CIE-LCH	65.917, 52.318, 355.023
CIE-LUV	65.917, 76.325, -16.256
Hunter-Lab	59.343, 48.322, -0.583
Binary	11110010, 01111000, 10101010

#f278aa
```
#f278aa rgb(242,120,170)
```
#78f2c0
```
#78f2c0 rgb(120,242,192)
```

Complementary Color

#f278e7
```
#f278e7 rgb(242,120,231)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#f28378
```
#f28378 rgb(242,131,120)
```

Analogous Color

#78e7f2
```
#78e7f2 rgb(120,231,242)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#78f283
```
#78f283 rgb(120,242,131)
```

Split Complementary Color

#78aaf2
```
#78aaf2 rgb(120,170,242)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#aaf278
```
#aaf278 rgb(170,242,120)
```

Triadic Color

#c078f2
```
#c078f2 rgb(192,120,242)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#aaf278
```
#aaf278 rgb(170,242,120)
```
#78f2c0
```
#78f2c0 rgb(120,242,192)
```

Tetradic Color

#eb327e
```
#eb327e rgb(235,50,126)
```
#ee498d
```
#ee498d rgb(238,73,141)
```
#f0619b
```
#f0619b rgb(240,97,155)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#f48fb9
```
#f48fb9 rgb(244,143,185)
```
#f6a7c7
```
#f6a7c7 rgb(246,167,199)
```
#f9bed6
```
#f9bed6 rgb(249,190,214)
```

Monochromatic Color

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

#f278c9
```
#f278c9 rgb(242,120,201)
```
#f278be
```
#f278be rgb(242,120,190)
```
#f278b4
```
#f278b4 rgb(242,120,180)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#f278a0
```
#f278a0 rgb(242,120,160)
```
#f27896
```
#f27896 rgb(242,120,150)
```
#f2788c
```
#f2788c rgb(242,120,140)
```

Similar Colors

Text with hexadecimal color #f278aa

This text has a font color of #f278aa.

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

#f278aa background color

This paragraph has a background color of #f278aa.

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

#f278aa border color

This element has a border color of #f278aa.

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

CSS codes

.text {color:#f278aa;}

.background {background-color:#f278aa;}

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

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

#080104
```
#080104 rgb(8,1,4)
```
#1a030c
```
#1a030c rgb(26,3,12)
```
#2c0414
```
#2c0414 rgb(44,4,20)
```
#3e061d
```
#3e061d rgb(62,6,29)
```
#500825
```
#500825 rgb(80,8,37)
```
#62092e
```
#62092e rgb(98,9,46)
```
#730b36
```
#730b36 rgb(115,11,54)
```
#850d3e
```
#850d3e rgb(133,13,62)
```
#970f47
```
#970f47 rgb(151,15,71)
```
#a9104f
```
#a9104f rgb(169,16,79)
```
#bb1257
```
#bb1257 rgb(187,18,87)
```
#cd1460
```
#cd1460 rgb(205,20,96)
```
#df1568
```
#df1568 rgb(223,21,104)
```

Shade Color Variation

#e91f72
```
#e91f72 rgb(233,31,114)
```
#eb307d
```
#eb307d rgb(235,48,125)
```
#ed4288
```
#ed4288 rgb(237,66,136)
```
#ef5493
```
#ef5493 rgb(239,84,147)
```
#f0669f
```
#f0669f rgb(240,102,159)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#f48ab5
```
#f48ab5 rgb(244,138,181)
```
#f59cc1
```
#f59cc1 rgb(245,156,193)
```
#f7aecc
```
#f7aecc rgb(247,174,204)
```
#f9c0d7
```
#f9c0d7 rgb(249,192,215)
```
#fbd1e2
```
#fbd1e2 rgb(251,209,226)
```
#fce3ee
```
#fce3ee rgb(252,227,238)
```
#fef5f9
```
#fef5f9 rgb(254,245,249)
```

Tint Color Variation

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

#b9b1b4
```
#b9b1b4 rgb(185,177,180)
```
#bfabb3
```
#bfabb3 rgb(191,171,179)
```
#c4a6b2
```
#c4a6b2 rgb(196,166,178)
```
#caa0b1
```
#caa0b1 rgb(202,160,177)
```
#d09ab0
```
#d09ab0 rgb(208,154,176)
```
#d694af
```
#d694af rgb(214,148,175)
```
#db8fae
```
#db8fae rgb(219,143,174)
```
#e189ad
```
#e189ad rgb(225,137,173)
```
#e783ac
```
#e783ac rgb(231,131,172)
```
#ec7eab
```
#ec7eab rgb(236,126,171)
```
#f278aa
```
#f278aa rgb(242,120,170)
```
#f872a9
```
#f872a9 rgb(248,114,169)
```
#fd6da8
```
#fd6da8 rgb(253,109,168)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b29aa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea3c2 Protanopia 1% of men
#b3a0a5 Deuteranopia 1% of men
#ef858e Tritanopia 0.001% of the population

Trichromacy

#bc93b9 Protanomaly 1% of men, 0.01% of women
#ca91a7 Deuteranomaly 6% of men, 0.4% of women
#f08098 Tritanomaly 0.01% of the population

#f278aa hex color

#f278aa Color Information

#f278aa Color Conversion

Color Schemes with #f278aa

Alternatives to #f278aa

#f278aa Preview

Shades and Tints of #f278aa

Tones of #f278aa

Color Blindness Simulator