#f229d0 hex color

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

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

● #f229d0 color description : Bright magenta.

The hexadecimal color #f229d0 has RGB values of R:242, G:41, B:208 and CMYK values of C:0, M:0.83, Y:0.14, K:0.05. Its decimal value is 15870416.

Hex triplet	f229d0	`#f229d0`
RGB Decimal	242, 41, 208	`rgb(242,41,208)`
RGB Percent	94.9, 16.1, 81.6	`rgb(94.9%,16.1%,81.6%)`
CMYK	0, 83, 14, 5
HSL	310.1°, 88.5, 55.5	`hsl(310.1,88.5%,55.5%)`
HSV (or HSB)	310.1°, 83.1, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.096, 85.292, -39.681
XYZ	48.796, 25.021, 61.931
xyY	0.359, 0.184, 25.021
CIE-LCH	57.096, 94.071, 335.05
CIE-LUV	57.096, 90.69, -73.568
Hunter-Lab	50.021, 86.591, -38.392
Binary	11110010, 00101001, 11010000

#f229d0
```
#f229d0 rgb(242,41,208)
```
#29f24b
```
#29f24b rgb(41,242,75)
```

Complementary Color

#b029f2
```
#b029f2 rgb(176,41,242)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#f2296c
```
#f2296c rgb(242,41,108)
```

Analogous Color

#29f2b0
```
#29f2b0 rgb(41,242,176)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#6cf229
```
#6cf229 rgb(108,242,41)
```

Split Complementary Color

#29d0f2
```
#29d0f2 rgb(41,208,242)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#d0f229
```
#d0f229 rgb(208,242,41)
```

Triadic Color

#4b29f2
```
#4b29f2 rgb(75,41,242)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#d0f229
```
#d0f229 rgb(208,242,41)
```
#29f24b
```
#29f24b rgb(41,242,75)
```

Tetradic Color

#c30ca4
```
#c30ca4 rgb(195,12,164)
```
#db0db8
```
#db0db8 rgb(219,13,184)
```
#f111cb
```
#f111cb rgb(241,17,203)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#f341d5
```
#f341d5 rgb(243,65,213)
```
#f559db
```
#f559db rgb(245,89,219)
```
#f671e0
```
#f671e0 rgb(246,113,224)
```

Monochromatic Color

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

#e229f2
```
#e229f2 rgb(226,41,242)
```
#f229f2
```
#f229f2 rgb(242,41,242)
```
#f229e1
```
#f229e1 rgb(242,41,225)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#f229bf
```
#f229bf rgb(242,41,191)
```
#f229af
```
#f229af rgb(242,41,175)
```
#f2299e
```
#f2299e rgb(242,41,158)
```

Similar Colors

Text with hexadecimal color #f229d0

This text has a font color of #f229d0.

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

#f229d0 background color

This paragraph has a background color of #f229d0.

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

#f229d0 border color

This element has a border color of #f229d0.

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

CSS codes

.text {color:#f229d0;}

.background {background-color:#f229d0;}

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

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

#080007
```
#080007 rgb(8,0,7)
```
#1a0216
```
#1a0216 rgb(26,2,22)
```
#2d0326
```
#2d0326 rgb(45,3,38)
```
#3f0435
```
#3f0435 rgb(63,4,53)
```
#520545
```
#520545 rgb(82,5,69)
```
#640654
```
#640654 rgb(100,6,84)
```
#770764
```
#770764 rgb(119,7,100)
```
#890874
```
#890874 rgb(137,8,116)
```
#9c0983
```
#9c0983 rgb(156,9,131)
```
#ae0b93
```
#ae0b93 rgb(174,11,147)
```
#c10ca2
```
#c10ca2 rgb(193,12,162)
```
#d30db2
```
#d30db2 rgb(211,13,178)
```
#e60ec1
```
#e60ec1 rgb(230,14,193)
```

Shade Color Variation

#f117cc
```
#f117cc rgb(241,23,204)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#f33bd4
```
#f33bd4 rgb(243,59,212)
```
#f44ed8
```
#f44ed8 rgb(244,78,216)
```
#f560dc
```
#f560dc rgb(245,96,220)
```
#f673e0
```
#f673e0 rgb(246,115,224)
```
#f885e4
```
#f885e4 rgb(248,133,228)
```
#f998e8
```
#f998e8 rgb(249,152,232)
```
#faaaec
```
#faaaec rgb(250,170,236)
```
#fbbdf0
```
#fbbdf0 rgb(251,189,240)
```
#fccff5
```
#fccff5 rgb(252,207,245)
```
#fde2f9
```
#fde2f9 rgb(253,226,249)
```
#fef4fd
```
#fef4fd rgb(254,244,253)
```

Tint Color Variation

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

#928990
```
#928990 rgb(146,137,144)
```
#9b8096
```
#9b8096 rgb(155,128,150)
```
#a3789c
```
#a3789c rgb(163,120,156)
```
#ac6fa2
```
#ac6fa2 rgb(172,111,162)
```
#b566a8
```
#b566a8 rgb(181,102,168)
```
#be5dad
```
#be5dad rgb(190,93,173)
```
#c655b3
```
#c655b3 rgb(198,85,179)
```
#cf4cb9
```
#cf4cb9 rgb(207,76,185)
```
#d843bf
```
#d843bf rgb(216,67,191)
```
#e13ac4
```
#e13ac4 rgb(225,58,196)
```
#e932ca
```
#e932ca rgb(233,50,202)
```
#f229d0
```
#f229d0 rgb(242,41,208)
```
#fb20d6
```
#fb20d6 rgb(251,32,214)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#90688a Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#7e8dbf Deuteranopia 1% of men
#e86267 Tritanopia 0.001% of the population

Trichromacy

#8567ed Protanomaly 1% of men, 0.01% of women
#a869c5 Deuteranomaly 6% of men, 0.4% of women
#eb4d8d Tritanomaly 0.01% of the population

#f229d0 hex color

#f229d0 Color Information

#f229d0 Color Conversion

Color Schemes with #f229d0

Alternatives to #f229d0

#f229d0 Preview

Shades and Tints of #f229d0

Tones of #f229d0

Color Blindness Simulator