#f270a1 hex color

In a RGB color space, hex #f270a1 is composed of 94.9% red, 43.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 33.5% yellow and 5.1% black. It has a hue angle of 337.4 degrees, a saturation of 83.3% and a lightness of 69.4%. #f270a1 color hex could be obtained by blending #ffe0ff with #e50043. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 44
- B 63
RGB color chart
- C 0
- M 54
- Y 33
- K 5
CMYK color chart

● #f270a1 color description : Soft pink.

The hexadecimal color #f270a1 has RGB values of R:242, G:112, B:161 and CMYK values of C:0, M:0.54, Y:0.33, K:0.05. Its decimal value is 15888545.

Hex triplet	f270a1	`#f270a1`
RGB Decimal	242, 112, 161	`rgb(242,112,161)`
RGB Percent	94.9, 43.9, 63.1	`rgb(94.9%,43.9%,63.1%)`
CMYK	0, 54, 33, 5
HSL	337.4°, 83.3, 69.4	`hsl(337.4,83.3%,69.4%)`
HSV (or HSB)	337.4°, 53.7, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	64.195, 54.827, -1.95
XYZ	48.846, 33.043, 37.522
xyY	0.409, 0.277, 33.043
CIE-LCH	64.195, 54.862, 357.963
CIE-LUV	64.195, 83.057, -13.129
Hunter-Lab	57.483, 51.085, 1.536
Binary	11110010, 01110000, 10100001

#f270a1
```
#f270a1 rgb(242,112,161)
```
#70f2c1
```
#70f2c1 rgb(112,242,193)
```

Complementary Color

#f270e2
```
#f270e2 rgb(242,112,226)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#f28070
```
#f28070 rgb(242,128,112)
```

Analogous Color

#70e2f2
```
#70e2f2 rgb(112,226,242)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#70f280
```
#70f280 rgb(112,242,128)
```

Split Complementary Color

#70a1f2
```
#70a1f2 rgb(112,161,242)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#a1f270
```
#a1f270 rgb(161,242,112)
```

Triadic Color

#c170f2
```
#c170f2 rgb(193,112,242)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#a1f270
```
#a1f270 rgb(161,242,112)
```
#70f2c1
```
#70f2c1 rgb(112,242,193)
```

Tetradic Color

#ec2a73
```
#ec2a73 rgb(236,42,115)
```
#ee4182
```
#ee4182 rgb(238,65,130)
```
#f05992
```
#f05992 rgb(240,89,146)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#f487b0
```
#f487b0 rgb(244,135,176)
```
#f69fc0
```
#f69fc0 rgb(246,159,192)
```
#f8b6cf
```
#f8b6cf rgb(248,182,207)
```

Monochromatic Color

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

#f270c2
```
#f270c2 rgb(242,112,194)
```
#f270b7
```
#f270b7 rgb(242,112,183)
```
#f270ac
```
#f270ac rgb(242,112,172)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#f27096
```
#f27096 rgb(242,112,150)
```
#f2708b
```
#f2708b rgb(242,112,139)
```
#f27081
```
#f27081 rgb(242,112,129)
```

Similar Colors

Text with hexadecimal color #f270a1

This text has a font color of #f270a1.

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

#f270a1 background color

This paragraph has a background color of #f270a1.

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

#f270a1 border color

This element has a border color of #f270a1.

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

CSS codes

.text {color:#f270a1;}

.background {background-color:#f270a1;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130208
```
#130208 rgb(19,2,8)
```
#250310
```
#250310 rgb(37,3,16)
```
#370518
```
#370518 rgb(55,5,24)
```
#490720
```
#490720 rgb(73,7,32)
```
#5b0827
```
#5b0827 rgb(91,8,39)
```
#6d0a2f
```
#6d0a2f rgb(109,10,47)
```
#7f0c37
```
#7f0c37 rgb(127,12,55)
```
#910d3f
```
#910d3f rgb(145,13,63)
```
#a30f47
```
#a30f47 rgb(163,15,71)
```
#b5104e
```
#b5104e rgb(181,16,78)
```
#c71256
```
#c71256 rgb(199,18,86)
```
#d9145e
```
#d9145e rgb(217,20,94)
```

Shade Color Variation

#ea1666
```
#ea1666 rgb(234,22,102)
```
#eb2872
```
#eb2872 rgb(235,40,114)
```
#ed3a7e
```
#ed3a7e rgb(237,58,126)
```
#ef4c89
```
#ef4c89 rgb(239,76,137)
```
#f05e95
```
#f05e95 rgb(240,94,149)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#f482ad
```
#f482ad rgb(244,130,173)
```
#f594b9
```
#f594b9 rgb(245,148,185)
```
#f7a6c4
```
#f7a6c4 rgb(247,166,196)
```
#f9b8d0
```
#f9b8d0 rgb(249,184,208)
```
#facadc
```
#facadc rgb(250,202,220)
```
#fcdce8
```
#fcdce8 rgb(252,220,232)
```
#fdeef4
```
#fdeef4 rgb(253,238,244)
```

Tint Color Variation

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

#b6acb0
```
#b6acb0 rgb(182,172,176)
```
#bca6ae
```
#bca6ae rgb(188,166,174)
```
#c2a0ad
```
#c2a0ad rgb(194,160,173)
```
#c89aab
```
#c89aab rgb(200,154,171)
```
#ce94aa
```
#ce94aa rgb(206,148,170)
```
#d48ea8
```
#d48ea8 rgb(212,142,168)
```
#da88a7
```
#da88a7 rgb(218,136,167)
```
#e082a5
```
#e082a5 rgb(224,130,165)
```
#e67ca4
```
#e67ca4 rgb(230,124,164)
```
#ec76a2
```
#ec76a2 rgb(236,118,162)
```
#f270a1
```
#f270a1 rgb(242,112,161)
```
#f86aa0
```
#f86aa0 rgb(248,106,160)
```
#fe649e
```
#fe649e rgb(254,100,158)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ad939d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9fbb Protanopia 1% of men
#b19b9c Deuteranopia 1% of men
#ef7d85 Tritanopia 0.001% of the population

Trichromacy

#ba8eb2 Protanomaly 1% of men, 0.01% of women
#c88b9e Deuteranomaly 6% of men, 0.4% of women
#f0788f Tritanomaly 0.01% of the population

#f270a1 hex color

#f270a1 Color Information

#f270a1 Color Conversion

Color Schemes with #f270a1

Alternatives to #f270a1

#f270a1 Preview

Shades and Tints of #f270a1

Tones of #f270a1

Color Blindness Simulator