#f27bb4 hex color

In a RGB color space, hex #f27bb4 is composed of 94.9% red, 48.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.2% magenta, 25.6% yellow and 5.1% black. It has a hue angle of 331.3 degrees, a saturation of 82.1% and a lightness of 71.6%. #f27bb4 color hex could be obtained by blending #fff6ff with #e50069. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 95
- G 48
- B 71
RGB color chart
- C 0
- M 49
- Y 26
- K 5
CMYK color chart

● #f27bb4 color description : Soft pink.

The hexadecimal color #f27bb4 has RGB values of R:242, G:123, B:180 and CMYK values of C:0, M:0.49, Y:0.26, K:0.05. Its decimal value is 15891380.

Hex triplet	f27bb4	`#f27bb4`
RGB Decimal	242, 123, 180	`rgb(242,123,180)`
RGB Percent	94.9, 48.2, 70.6	`rgb(94.9%,48.2%,70.6%)`
CMYK	0, 49, 26, 5
HSL	331.3°, 82.1, 71.6	`hsl(331.3,82.1%,71.6%)`
HSV (or HSB)	331.3°, 49.2, 94.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.78, 51.967, -8.914
XYZ	51.939, 36.342, 47.457
xyY	0.383, 0.268, 36.342
CIE-LCH	66.78, 52.726, 350.267
CIE-LUV	66.78, 72.165, -22.575
Hunter-Lab	60.284, 48.293, -4.475
Binary	11110010, 01111011, 10110100

#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#7bf2b9
```
#7bf2b9 rgb(123,242,185)
```

Complementary Color

#f27bf0
```
#f27bf0 rgb(242,123,240)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#f27e7b
```
#f27e7b rgb(242,126,123)
```

Analogous Color

#7bf0f2
```
#7bf0f2 rgb(123,240,242)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#7bf27e
```
#7bf27e rgb(123,242,126)
```

Split Complementary Color

#7bb4f2
```
#7bb4f2 rgb(123,180,242)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#b4f27b
```
#b4f27b rgb(180,242,123)
```

Triadic Color

#b97bf2
```
#b97bf2 rgb(185,123,242)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#b4f27b
```
#b4f27b rgb(180,242,123)
```
#7bf2b9
```
#7bf2b9 rgb(123,242,185)
```

Tetradic Color

#eb358c
```
#eb358c rgb(235,53,140)
```
#ed4d9a
```
#ed4d9a rgb(237,77,154)
```
#f064a7
```
#f064a7 rgb(240,100,167)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#f492c1
```
#f492c1 rgb(244,146,193)
```
#f7a9ce
```
#f7a9ce rgb(247,169,206)
```
#f9c1dc
```
#f9c1dc rgb(249,193,220)
```

Monochromatic Color

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

#f27bd2
```
#f27bd2 rgb(242,123,210)
```
#f27bc8
```
#f27bc8 rgb(242,123,200)
```
#f27bbe
```
#f27bbe rgb(242,123,190)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#f27baa
```
#f27baa rgb(242,123,170)
```
#f27ba0
```
#f27ba0 rgb(242,123,160)
```
#f27b96
```
#f27b96 rgb(242,123,150)
```

Similar Colors

Text with hexadecimal color #f27bb4

This text has a font color of #f27bb4.

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

#f27bb4 background color

This paragraph has a background color of #f27bb4.

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

#f27bb4 border color

This element has a border color of #f27bb4.

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

CSS codes

.text {color:#f27bb4;}

.background {background-color:#f27bb4;}

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

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, #0b0106 is the darkest color, while #fef8fb is the lightest one.

#0b0106
```
#0b0106 rgb(11,1,6)
```
#1d030f
```
#1d030f rgb(29,3,15)
```
#2f0519
```
#2f0519 rgb(47,5,25)
```
#400622
```
#400622 rgb(64,6,34)
```
#52082c
```
#52082c rgb(82,8,44)
```
#640a35
```
#640a35 rgb(100,10,53)
```
#760c3f
```
#760c3f rgb(118,12,63)
```
#880d48
```
#880d48 rgb(136,13,72)
```
#9a0f52
```
#9a0f52 rgb(154,15,82)
```
#ac115b
```
#ac115b rgb(172,17,91)
```
#bd1364
```
#bd1364 rgb(189,19,100)
```
#cf146e
```
#cf146e rgb(207,20,110)
```
#e11677
```
#e11677 rgb(225,22,119)
```

Shade Color Variation

#e92281
```
#e92281 rgb(233,34,129)
```
#eb348b
```
#eb348b rgb(235,52,139)
```
#ed4596
```
#ed4596 rgb(237,69,150)
```
#ee57a0
```
#ee57a0 rgb(238,87,160)
```
#f069aa
```
#f069aa rgb(240,105,170)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#f48dbe
```
#f48dbe rgb(244,141,190)
```
#f69fc8
```
#f69fc8 rgb(246,159,200)
```
#f7b1d2
```
#f7b1d2 rgb(247,177,210)
```
#f9c2dd
```
#f9c2dd rgb(249,194,221)
```
#fbd4e7
```
#fbd4e7 rgb(251,212,231)
```
#fde6f1
```
#fde6f1 rgb(253,230,241)
```
#fef8fb
```
#fef8fb rgb(254,248,251)
```

Tint Color Variation

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

#bab3b6
```
#bab3b6 rgb(186,179,182)
```
#c0adb6
```
#c0adb6 rgb(192,173,182)
```
#c5a8b6
```
#c5a8b6 rgb(197,168,182)
```
#cba2b6
```
#cba2b6 rgb(203,162,182)
```
#d19cb5
```
#d19cb5 rgb(209,156,181)
```
#d697b5
```
#d697b5 rgb(214,151,181)
```
#dc91b5
```
#dc91b5 rgb(220,145,181)
```
#e18cb5
```
#e18cb5 rgb(225,140,181)
```
#e786b4
```
#e786b4 rgb(231,134,180)
```
#ec81b4
```
#ec81b4 rgb(236,129,180)
```
#f27bb4
```
#f27bb4 rgb(242,123,180)
```
#f875b4
```
#f875b4 rgb(248,117,180)
```
#fd70b4
```
#fd70b4 rgb(253,112,180)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b49da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da5cc Protanopia 1% of men
#b2a2af Deuteranopia 1% of men
#ee8992 Tritanopia 0.001% of the population

Trichromacy

#bc96c3 Protanomaly 1% of men, 0.01% of women
#c994b0 Deuteranomaly 6% of men, 0.4% of women
#ef849e Tritanomaly 0.01% of the population

#f27bb4 hex color

#f27bb4 Color Information

#f27bb4 Color Conversion

Color Schemes with #f27bb4

Alternatives to #f27bb4

#f27bb4 Preview

Shades and Tints of #f27bb4

Tones of #f27bb4

Color Blindness Simulator