#f229bf hex color

In a RGB color space, hex #f229bf is composed of 94.9% red, 16.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 21.1% yellow and 5.1% black. It has a hue angle of 315.2 degrees, a saturation of 88.5% and a lightness of 55.5%. #f229bf color hex could be obtained by blending #ff52ff with #e5007f. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 16
- B 75
RGB color chart
- C 0
- M 83
- Y 21
- K 5
CMYK color chart

● #f229bf color description : Bright pink.

The hexadecimal color #f229bf has RGB values of R:242, G:41, B:191 and CMYK values of C:0, M:0.83, Y:0.21, K:0.05. Its decimal value is 15870399.

Hex triplet	f229bf	`#f229bf`
RGB Decimal	242, 41, 191	`rgb(242,41,191)`
RGB Percent	94.9, 16.1, 74.9	`rgb(94.9%,16.1%,74.9%)`
CMYK	0, 83, 21, 5
HSL	315.2°, 88.5, 55.5	`hsl(315.2,88.5%,55.5%)`
HSV (or HSB)	315.2°, 83.1, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.316, 83.161, -31.144
XYZ	46.815, 24.229, 51.499
xyY	0.382, 0.198, 24.229
CIE-LCH	56.316, 88.801, 339.469
CIE-LUV	56.316, 97.916, -60.19
Hunter-Lab	49.223, 83.629, -27.575
Binary	11110010, 00101001, 10111111

#f229bf
```
#f229bf rgb(242,41,191)
```
#29f25c
```
#29f25c rgb(41,242,92)
```

Complementary Color

#c129f2
```
#c129f2 rgb(193,41,242)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#f2295b
```
#f2295b rgb(242,41,91)
```

Analogous Color

#29f2c1
```
#29f2c1 rgb(41,242,193)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#5bf229
```
#5bf229 rgb(91,242,41)
```

Split Complementary Color

#29bff2
```
#29bff2 rgb(41,191,242)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#bff229
```
#bff229 rgb(191,242,41)
```

Triadic Color

#5c29f2
```
#5c29f2 rgb(92,41,242)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#bff229
```
#bff229 rgb(191,242,41)
```
#29f25c
```
#29f25c rgb(41,242,92)
```

Tetradic Color

#c30c94
```
#c30c94 rgb(195,12,148)
```
#db0da7
```
#db0da7 rgb(219,13,167)
```
#f111b8
```
#f111b8 rgb(241,17,184)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#f341c6
```
#f341c6 rgb(243,65,198)
```
#f559cd
```
#f559cd rgb(245,89,205)
```
#f671d5
```
#f671d5 rgb(246,113,213)
```

Monochromatic Color

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

#f229f1
```
#f229f1 rgb(242,41,241)
```
#f229e1
```
#f229e1 rgb(242,41,225)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#f229ae
```
#f229ae rgb(242,41,174)
```
#f2299e
```
#f2299e rgb(242,41,158)
```
#f2298d
```
#f2298d rgb(242,41,141)
```

Similar Colors

Text with hexadecimal color #f229bf

This text has a font color of #f229bf.

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

#f229bf background color

This paragraph has a background color of #f229bf.

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

#f229bf border color

This element has a border color of #f229bf.

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

CSS codes

.text {color:#f229bf;}

.background {background-color:#f229bf;}

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

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

#080006
```
#080006 rgb(8,0,6)
```
#1a0214
```
#1a0214 rgb(26,2,20)
```
#2d0322
```
#2d0322 rgb(45,3,34)
```
#3f0430
```
#3f0430 rgb(63,4,48)
```
#52053e
```
#52053e rgb(82,5,62)
```
#64064c
```
#64064c rgb(100,6,76)
```
#77075b
```
#77075b rgb(119,7,91)
```
#890869
```
#890869 rgb(137,8,105)
```
#9c0977
```
#9c0977 rgb(156,9,119)
```
#ae0b85
```
#ae0b85 rgb(174,11,133)
```
#c10c93
```
#c10c93 rgb(193,12,147)
```
#d30da1
```
#d30da1 rgb(211,13,161)
```
#e60eaf
```
#e60eaf rgb(230,14,175)
```

Shade Color Variation

#f117b9
```
#f117b9 rgb(241,23,185)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#f33bc5
```
#f33bc5 rgb(243,59,197)
```
#f44eca
```
#f44eca rgb(244,78,202)
```
#f560d0
```
#f560d0 rgb(245,96,208)
```
#f673d5
```
#f673d5 rgb(246,115,213)
```
#f885db
```
#f885db rgb(248,133,219)
```
#f998e0
```
#f998e0 rgb(249,152,224)
```
#faaae6
```
#faaae6 rgb(250,170,230)
```
#fbbdeb
```
#fbbdeb rgb(251,189,235)
```
#fccff1
```
#fccff1 rgb(252,207,241)
```
#fde2f6
```
#fde2f6 rgb(253,226,246)
```
#fef4fc
```
#fef4fc rgb(254,244,252)
```

Tint Color Variation

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

#928990
```
#928990 rgb(146,137,144)
```
#9b8094
```
#9b8094 rgb(155,128,148)
```
#a37898
```
#a37898 rgb(163,120,152)
```
#ac6f9d
```
#ac6f9d rgb(172,111,157)
```
#b566a1
```
#b566a1 rgb(181,102,161)
```
#be5da5
```
#be5da5 rgb(190,93,165)
```
#c655a9
```
#c655a9 rgb(198,85,169)
```
#cf4cae
```
#cf4cae rgb(207,76,174)
```
#d843b2
```
#d843b2 rgb(216,67,178)
```
#e13ab6
```
#e13ab6 rgb(225,58,182)
```
#e932bb
```
#e932bb rgb(233,50,187)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#fb20c3
```
#fb20c3 rgb(251,32,195)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8f6785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b89f8 Protanopia 1% of men
#868ab1 Deuteranopia 1% of men
#ea5c61 Tritanopia 0.001% of the population

Trichromacy

#8866e3 Protanomaly 1% of men, 0.01% of women
#ad67b6 Deuteranomaly 6% of men, 0.4% of women
#ec4983 Tritanomaly 0.01% of the population

#f229bf hex color

#f229bf Color Information

#f229bf Color Conversion

Color Schemes with #f229bf

Alternatives to #f229bf

#f229bf Preview

Shades and Tints of #f229bf

Tones of #f229bf

Color Blindness Simulator