colorhexa.com

#fb227f hex color

In a RGB color space, hex #fb227f is composed of 98.4% red, 13.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 49.4% yellow and 1.6% black. It has a hue angle of 334.3 degrees, a saturation of 96.4% and a lightness of 55.9%. #fb227f color hex could be obtained by blending #ff44fe with #f70000. Closest websafe color is: #ff3366.

- R 98
- G 13
- B 50
RGB color chart
- C 0
- M 86
- Y 49
- K 2
CMYK color chart

● #fb227f color description : Vivid pink.

The hexadecimal color #fb227f has RGB values of R:251, G:34, B:127 and CMYK values of C:0, M:0.86, Y:0.49, K:0.02. Its decimal value is 16458367.

Hex triplet	fb227f	`#fb227f`
RGB Decimal	251, 34, 127	`rgb(251,34,127)`
RGB Percent	98.4, 13.3, 49.8	`rgb(98.4%,13.3%,49.8%)`
CMYK	0, 86, 49, 2
HSL	334.3°, 96.4, 55.9	`hsl(334.3,96.4%,55.9%)`
HSV (or HSB)	334.3°, 86.5, 98.4
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.268, 80.149, 5.115
XYZ	44.188, 23.191, 22.227
xyY	0.493, 0.259, 23.191
CIE-LCH	55.268, 80.312, 3.651
CIE-LUV	55.268, 134.694, -9.591
Hunter-Lab	48.157, 79.515, 6.344
Binary	11111011, 00100010, 01111111

#fb227f
```
#fb227f rgb(251,34,127)
```
#22fb9e
```
#22fb9e rgb(34,251,158)
```

Complementary Color

#fb22ec
```
#fb22ec rgb(251,34,236)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#fb3222
```
#fb3222 rgb(251,50,34)
```

Analogous Color

#22ecfb
```
#22ecfb rgb(34,236,251)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#22fb32
```
#22fb32 rgb(34,251,50)
```

Split Complementary Color

#227ffb
```
#227ffb rgb(34,127,251)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#7ffb22
```
#7ffb22 rgb(127,251,34)
```

Triadic Color

#9e22fb
```
#9e22fb rgb(158,34,251)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#7ffb22
```
#7ffb22 rgb(127,251,34)
```
#22fb9e
```
#22fb9e rgb(34,251,158)
```

Tetradic Color

#cd045a
```
#cd045a rgb(205,4,90)
```
#e60465
```
#e60465 rgb(230,4,101)
```
#fb0970
```
#fb0970 rgb(251,9,112)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#fb3b8e
```
#fb3b8e rgb(251,59,142)
```
#fc549c
```
#fc549c rgb(252,84,156)
```
#fc6dab
```
#fc6dab rgb(252,109,171)
```

Monochromatic Color

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

#fb22b5
```
#fb22b5 rgb(251,34,181)
```
#fb22a3
```
#fb22a3 rgb(251,34,163)
```
#fb2291
```
#fb2291 rgb(251,34,145)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#fb226d
```
#fb226d rgb(251,34,109)
```
#fb225b
```
#fb225b rgb(251,34,91)
```
#fb2249
```
#fb2249 rgb(251,34,73)
```

Similar Colors

Text with hexadecimal color #fb227f

This text has a font color of #fb227f.

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

#fb227f background color

This paragraph has a background color of #fb227f.

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

#fb227f border color

This element has a border color of #fb227f.

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

CSS codes

.text {color:#fb227f;}

.background {background-color:#fb227f;}

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

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

#0a0004
```
#0a0004 rgb(10,0,4)
```
#1d010d
```
#1d010d rgb(29,1,13)
```
#310115
```
#310115 rgb(49,1,21)
```
#44011e
```
#44011e rgb(68,1,30)
```
#570226
```
#570226 rgb(87,2,38)
```
#6b022f
```
#6b022f rgb(107,2,47)
```
#7e0237
```
#7e0237 rgb(126,2,55)
```
#910340
```
#910340 rgb(145,3,64)
```
#a40348
```
#a40348 rgb(164,3,72)
```
#b80351
```
#b80351 rgb(184,3,81)
```
#cb0459
```
#cb0459 rgb(203,4,89)
```
#de0461
```
#de0461 rgb(222,4,97)
```
#f1046a
```
#f1046a rgb(241,4,106)
```

Shade Color Variation

#fb0f74
```
#fb0f74 rgb(251,15,116)
```
#fb227f
```
#fb227f rgb(251,34,127)
```
#fb358a
```
#fb358a rgb(251,53,138)
```
#fc4995
```
#fc4995 rgb(252,73,149)
```
#fc5ca0
```
#fc5ca0 rgb(252,92,160)
```
#fc6fac
```
#fc6fac rgb(252,111,172)
```
#fd82b7
```
#fd82b7 rgb(253,130,183)
```
#fd96c2
```
#fd96c2 rgb(253,150,194)
```
#fda9cd
```
#fda9cd rgb(253,169,205)
```
#febcd8
```
#febcd8 rgb(254,188,216)
```
#fecfe3
```
#fecfe3 rgb(254,207,227)
```
#fee3ef
```
#fee3ef rgb(254,227,239)
```
#fff6fa
```
#fff6fa rgb(255,246,250)
```

Tint Color Variation

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

#938a8e
```
#938a8e rgb(147,138,142)
```
#9c818d
```
#9c818d rgb(156,129,141)
```
#a4798b
```
#a4798b rgb(164,121,139)
```
#ad708a
```
#ad708a rgb(173,112,138)
```
#b66789
```
#b66789 rgb(182,103,137)
```
#be5f88
```
#be5f88 rgb(190,95,136)
```
#c75686
```
#c75686 rgb(199,86,134)
```
#d04d85
```
#d04d85 rgb(208,77,133)
```
#d84584
```
#d84584 rgb(216,69,132)
```
#e13c83
```
#e13c83 rgb(225,60,131)
```
#ea3381
```
#ea3381 rgb(234,51,129)
```
#f22b80
```
#f22b80 rgb(242,43,128)
```
#fb227f
```
#fb227f rgb(251,34,127)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#895e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8089ae Protanopia 1% of men
#9e8577 Deuteranopia 1% of men
#f74345 Tritanopia 0.001% of the population

Trichromacy

#ac639d Protanomaly 1% of men, 0.01% of women
#c0617a Deuteranomaly 6% of men, 0.4% of women
#f9375a Tritanomaly 0.01% of the population