#f270bb hex color

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

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

● #f270bb color description : Soft pink.

The hexadecimal color #f270bb has RGB values of R:242, G:112, B:187 and CMYK values of C:0, M:0.54, Y:0.23, K:0.05. Its decimal value is 15888571.

Hex triplet	f270bb	`#f270bb`
RGB Decimal	242, 112, 187	`rgb(242,112,187)`
RGB Percent	94.9, 43.9, 73.3	`rgb(94.9%,43.9%,73.3%)`
CMYK	0, 54, 23, 5
HSL	325.4°, 83.3, 69.4	`hsl(325.4,83.3%,69.4%)`
HSV (or HSB)	325.4°, 53.7, 94.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.008, 58.14, -15.53
XYZ	51.382, 34.057, 50.879
xyY	0.377, 0.25, 34.057
CIE-LCH	65.008, 60.179, 345.045
CIE-LUV	65.008, 75.773, -33.441
Hunter-Lab	58.358, 55.033, -10.84
Binary	11110010, 01110000, 10111011

#f270bb
```
#f270bb rgb(242,112,187)
```
#70f2a7
```
#70f2a7 rgb(112,242,167)
```

Complementary Color

#e870f2
```
#e870f2 rgb(232,112,242)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#f2707a
```
#f2707a rgb(242,112,122)
```

Analogous Color

#70f2e8
```
#70f2e8 rgb(112,242,232)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#7af270
```
#7af270 rgb(122,242,112)
```

Split Complementary Color

#70bbf2
```
#70bbf2 rgb(112,187,242)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#bbf270
```
#bbf270 rgb(187,242,112)
```

Triadic Color

#a770f2
```
#a770f2 rgb(167,112,242)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#bbf270
```
#bbf270 rgb(187,242,112)
```
#70f2a7
```
#70f2a7 rgb(112,242,167)
```

Tetradic Color

#ec2a9a
```
#ec2a9a rgb(236,42,154)
```
#ee41a5
```
#ee41a5 rgb(238,65,165)
```
#f059b0
```
#f059b0 rgb(240,89,176)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#f487c6
```
#f487c6 rgb(244,135,198)
```
#f69fd1
```
#f69fd1 rgb(246,159,209)
```
#f8b6dc
```
#f8b6dc rgb(248,182,220)
```

Monochromatic Color

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

#f270dc
```
#f270dc rgb(242,112,220)
```
#f270d1
```
#f270d1 rgb(242,112,209)
```
#f270c6
```
#f270c6 rgb(242,112,198)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#f270b0
```
#f270b0 rgb(242,112,176)
```
#f270a5
```
#f270a5 rgb(242,112,165)
```
#f2709b
```
#f2709b rgb(242,112,155)
```

Similar Colors

Text with hexadecimal color #f270bb

This text has a font color of #f270bb.

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

#f270bb background color

This paragraph has a background color of #f270bb.

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

#f270bb border color

This element has a border color of #f270bb.

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

CSS codes

.text {color:#f270bb;}

.background {background-color:#f270bb;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#13020c
```
#13020c rgb(19,2,12)
```
#250317
```
#250317 rgb(37,3,23)
```
#370522
```
#370522 rgb(55,5,34)
```
#49072d
```
#49072d rgb(73,7,45)
```
#5b0838
```
#5b0838 rgb(91,8,56)
```
#6d0a43
```
#6d0a43 rgb(109,10,67)
```
#7f0c4e
```
#7f0c4e rgb(127,12,78)
```
#910d59
```
#910d59 rgb(145,13,89)
```
#a30f64
```
#a30f64 rgb(163,15,100)
```
#b5106f
```
#b5106f rgb(181,16,111)
```
#c7127a
```
#c7127a rgb(199,18,122)
```
#d91485
```
#d91485 rgb(217,20,133)
```

Shade Color Variation

#ea1690
```
#ea1690 rgb(234,22,144)
```
#eb2899
```
#eb2899 rgb(235,40,153)
```
#ed3aa1
```
#ed3aa1 rgb(237,58,161)
```
#ef4caa
```
#ef4caa rgb(239,76,170)
```
#f05eb2
```
#f05eb2 rgb(240,94,178)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#f482c4
```
#f482c4 rgb(244,130,196)
```
#f594cc
```
#f594cc rgb(245,148,204)
```
#f7a6d5
```
#f7a6d5 rgb(247,166,213)
```
#f9b8dd
```
#f9b8dd rgb(249,184,221)
```
#facae6
```
#facae6 rgb(250,202,230)
```
#fcdcee
```
#fcdcee rgb(252,220,238)
```
#fdeef7
```
#fdeef7 rgb(253,238,247)
```

Tint Color Variation

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

#b6acb2
```
#b6acb2 rgb(182,172,178)
```
#bca6b3
```
#bca6b3 rgb(188,166,179)
```
#c2a0b4
```
#c2a0b4 rgb(194,160,180)
```
#c89ab5
```
#c89ab5 rgb(200,154,181)
```
#ce94b5
```
#ce94b5 rgb(206,148,181)
```
#d48eb6
```
#d48eb6 rgb(212,142,182)
```
#da88b7
```
#da88b7 rgb(218,136,183)
```
#e082b8
```
#e082b8 rgb(224,130,184)
```
#e67cb9
```
#e67cb9 rgb(230,124,185)
```
#ec76ba
```
#ec76ba rgb(236,118,186)
```
#f270bb
```
#f270bb rgb(242,112,187)
```
#f86abc
```
#f86abc rgb(248,106,188)
```
#fe64bd
```
#fe64bd rgb(254,100,189)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#b096a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a0d7 Protanopia 1% of men
#a99eb4 Deuteranopia 1% of men
#ed828b Tritanopia 0.001% of the population

Trichromacy

#b48fcd Protanomaly 1% of men, 0.01% of women
#c38db6 Deuteranomaly 6% of men, 0.4% of women
#ef7c9c Tritanomaly 0.01% of the population

#f270bb hex color

#f270bb Color Information

#f270bb Color Conversion

Color Schemes with #f270bb

Alternatives to #f270bb

#f270bb Preview

Shades and Tints of #f270bb

Tones of #f270bb

Color Blindness Simulator