#f229bc hex color

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

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

● #f229bc color description : Bright pink.

The hexadecimal color #f229bc has RGB values of R:242, G:41, B:188 and CMYK values of C:0, M:0.83, Y:0.22, K:0.05. Its decimal value is 15870396.

Hex triplet	f229bc	`#f229bc`
RGB Decimal	242, 41, 188	`rgb(242,41,188)`
RGB Percent	94.9, 16.1, 73.7	`rgb(94.9%,16.1%,73.7%)`
CMYK	0, 83, 22, 5
HSL	316.1°, 88.5, 55.5	`hsl(316.1,88.5%,55.5%)`
HSV (or HSB)	316.1°, 83.1, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.186, 82.801, -29.612
XYZ	46.488, 24.098, 49.777
xyY	0.386, 0.2, 24.098
CIE-LCH	56.186, 87.937, 340.321
CIE-LUV	56.186, 99.214, -57.822
Hunter-Lab	49.09, 83.133, -25.758
Binary	11110010, 00101001, 10111100

#f229bc
```
#f229bc rgb(242,41,188)
```
#29f25f
```
#29f25f rgb(41,242,95)
```

Complementary Color

#c429f2
```
#c429f2 rgb(196,41,242)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#f22958
```
#f22958 rgb(242,41,88)
```

Analogous Color

#29f2c4
```
#29f2c4 rgb(41,242,196)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#58f229
```
#58f229 rgb(88,242,41)
```

Split Complementary Color

#29bcf2
```
#29bcf2 rgb(41,188,242)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#bcf229
```
#bcf229 rgb(188,242,41)
```

Triadic Color

#5f29f2
```
#5f29f2 rgb(95,41,242)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#bcf229
```
#bcf229 rgb(188,242,41)
```
#29f25f
```
#29f25f rgb(41,242,95)
```

Tetradic Color

#c30c92
```
#c30c92 rgb(195,12,146)
```
#db0da4
```
#db0da4 rgb(219,13,164)
```
#f111b4
```
#f111b4 rgb(241,17,180)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#f341c4
```
#f341c4 rgb(243,65,196)
```
#f559cb
```
#f559cb rgb(245,89,203)
```
#f671d3
```
#f671d3 rgb(246,113,211)
```

Monochromatic Color

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

#f229ee
```
#f229ee rgb(242,41,238)
```
#f229de
```
#f229de rgb(242,41,222)
```
#f229cd
```
#f229cd rgb(242,41,205)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#f229ab
```
#f229ab rgb(242,41,171)
```
#f2299b
```
#f2299b rgb(242,41,155)
```
#f2298a
```
#f2298a rgb(242,41,138)
```

Similar Colors

Text with hexadecimal color #f229bc

This text has a font color of #f229bc.

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

#f229bc background color

This paragraph has a background color of #f229bc.

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

#f229bc border color

This element has a border color of #f229bc.

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

CSS codes

.text {color:#f229bc;}

.background {background-color:#f229bc;}

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

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)
```
#3f042f
```
#3f042f rgb(63,4,47)
```
#52053d
```
#52053d rgb(82,5,61)
```
#64064b
```
#64064b rgb(100,6,75)
```
#770759
```
#770759 rgb(119,7,89)
```
#890867
```
#890867 rgb(137,8,103)
```
#9c0975
```
#9c0975 rgb(156,9,117)
```
#ae0b82
```
#ae0b82 rgb(174,11,130)
```
#c10c90
```
#c10c90 rgb(193,12,144)
```
#d30d9e
```
#d30d9e rgb(211,13,158)
```
#e60eac
```
#e60eac rgb(230,14,172)
```

Shade Color Variation

#f117b6
```
#f117b6 rgb(241,23,182)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#f33bc2
```
#f33bc2 rgb(243,59,194)
```
#f44ec8
```
#f44ec8 rgb(244,78,200)
```
#f560cd
```
#f560cd rgb(245,96,205)
```
#f673d3
```
#f673d3 rgb(246,115,211)
```
#f885d9
```
#f885d9 rgb(248,133,217)
```
#f998df
```
#f998df rgb(249,152,223)
```
#faaae5
```
#faaae5 rgb(250,170,229)
```
#fbbdea
```
#fbbdea rgb(251,189,234)
```
#fccff0
```
#fccff0 rgb(252,207,240)
```
#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 #fb20c0 is the most saturated one.

#928990
```
#928990 rgb(146,137,144)
```
#9b8094
```
#9b8094 rgb(155,128,148)
```
#a37898
```
#a37898 rgb(163,120,152)
```
#ac6f9c
```
#ac6f9c rgb(172,111,156)
```
#b566a0
```
#b566a0 rgb(181,102,160)
```
#be5da4
```
#be5da4 rgb(190,93,164)
```
#c655a8
```
#c655a8 rgb(198,85,168)
```
#cf4cac
```
#cf4cac rgb(207,76,172)
```
#d843b0
```
#d843b0 rgb(216,67,176)
```
#e13ab4
```
#e13ab4 rgb(225,58,180)
```
#e932b8
```
#e932b8 rgb(233,50,184)
```
#f229bc
```
#f229bc rgb(242,41,188)
```
#fb20c0
```
#fb20c0 rgb(251,32,192)
```

Tone Color Variation

Below, you can see how #f229bc 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
#8f6784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f89f5 Protanopia 1% of men
#878aae Deuteranopia 1% of men
#ea5b5f Tritanopia 0.001% of the population

Trichromacy

#8a66e0 Protanomaly 1% of men, 0.01% of women
#ae67b3 Deuteranomaly 6% of men, 0.4% of women
#ed4881 Tritanomaly 0.01% of the population

#f229bc hex color

#f229bc Color Information

#f229bc Color Conversion

Color Schemes with #f229bc

Alternatives to #f229bc

#f229bc Preview

Shades and Tints of #f229bc

Tones of #f229bc

Color Blindness Simulator