#f228dc hex color

In a RGB color space, hex #f228dc is composed of 94.9% red, 15.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 9.1% yellow and 5.1% black. It has a hue angle of 306.5 degrees, a saturation of 88.6% and a lightness of 55.3%. #f228dc color hex could be obtained by blending #ff50ff with #e500b9. Closest websafe color is: #ff33cc.

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

● #f228dc color description : Bright magenta.

The hexadecimal color #f228dc has RGB values of R:242, G:40, B:220 and CMYK values of C:0, M:0.83, Y:0.09, K:0.05. Its decimal value is 15870172.

Hex triplet	f228dc	`#f228dc`
RGB Decimal	242, 40, 220	`rgb(242,40,220)`
RGB Percent	94.9, 15.7, 86.3	`rgb(94.9%,15.7%,86.3%)`
CMYK	0, 83, 9, 5
HSL	306.5°, 88.6, 55.3	`hsl(306.5,88.6%,55.3%)`
HSV (or HSB)	306.5°, 83.5, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.623, 87.079, -45.672
XYZ	50.295, 25.566, 69.992
xyY	0.345, 0.175, 25.566
CIE-LCH	57.623, 98.329, 332.324
CIE-LUV	57.623, 85.895, -83.086
Hunter-Lab	50.563, 89.068, -46.679
Binary	11110010, 00101000, 11011100

#f228dc
```
#f228dc rgb(242,40,220)
```
#28f23e
```
#28f23e rgb(40,242,62)
```

Complementary Color

#a328f2
```
#a328f2 rgb(163,40,242)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#f22877
```
#f22877 rgb(242,40,119)
```

Analogous Color

#28f2a3
```
#28f2a3 rgb(40,242,163)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#77f228
```
#77f228 rgb(119,242,40)
```

Split Complementary Color

#28dcf2
```
#28dcf2 rgb(40,220,242)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#dcf228
```
#dcf228 rgb(220,242,40)
```

Triadic Color

#3e28f2
```
#3e28f2 rgb(62,40,242)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#dcf228
```
#dcf228 rgb(220,242,40)
```
#28f23e
```
#28f23e rgb(40,242,62)
```

Tetradic Color

#c20cae
```
#c20cae rgb(194,12,174)
```
#da0dc4
```
#da0dc4 rgb(218,13,196)
```
#f110d8
```
#f110d8 rgb(241,16,216)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#f340e0
```
#f340e0 rgb(243,64,224)
```
#f558e4
```
#f558e4 rgb(245,88,228)
```
#f670e8
```
#f670e8 rgb(246,112,232)
```

Monochromatic Color

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

#d628f2
```
#d628f2 rgb(214,40,242)
```
#e628f2
```
#e628f2 rgb(230,40,242)
```
#f228ed
```
#f228ed rgb(242,40,237)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#f228cb
```
#f228cb rgb(242,40,203)
```
#f228ba
```
#f228ba rgb(242,40,186)
```
#f228aa
```
#f228aa rgb(242,40,170)
```

Similar Colors

Text with hexadecimal color #f228dc

This text has a font color of #f228dc.

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

#f228dc background color

This paragraph has a background color of #f228dc.

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

#f228dc border color

This element has a border color of #f228dc.

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

CSS codes

.text {color:#f228dc;}

.background {background-color:#f228dc;}

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

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

#070006
```
#070006 rgb(7,0,6)
```
#190217
```
#190217 rgb(25,2,23)
```
#2c0327
```
#2c0327 rgb(44,3,39)
```
#3e0438
```
#3e0438 rgb(62,4,56)
```
#510549
```
#510549 rgb(81,5,73)
```
#630659
```
#630659 rgb(99,6,89)
```
#76076a
```
#76076a rgb(118,7,106)
```
#88087a
```
#88087a rgb(136,8,122)
```
#9b098b
```
#9b098b rgb(155,9,139)
```
#ad0a9c
```
#ad0a9c rgb(173,10,156)
```
#c00cac
```
#c00cac rgb(192,12,172)
```
#d20dbd
```
#d20dbd rgb(210,13,189)
```
#e50ece
```
#e50ece rgb(229,14,206)
```

Shade Color Variation

#f116d9
```
#f116d9 rgb(241,22,217)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#f33adf
```
#f33adf rgb(243,58,223)
```
#f44de2
```
#f44de2 rgb(244,77,226)
```
#f55fe5
```
#f55fe5 rgb(245,95,229)
```
#f672e8
```
#f672e8 rgb(246,114,232)
```
#f884eb
```
#f884eb rgb(248,132,235)
```
#f997ee
```
#f997ee rgb(249,151,238)
```
#faa9f1
```
#faa9f1 rgb(250,169,241)
```
#fbbcf4
```
#fbbcf4 rgb(251,188,244)
```
#fccef7
```
#fccef7 rgb(252,206,247)
```
#fde1fa
```
#fde1fa rgb(253,225,250)
```
#fef3fd
```
#fef3fd rgb(254,243,253)
```

Tint Color Variation

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

#928891
```
#928891 rgb(146,136,145)
```
#9a8097
```
#9a8097 rgb(154,128,151)
```
#a3779e
```
#a3779e rgb(163,119,158)
```
#ac6ea5
```
#ac6ea5 rgb(172,110,165)
```
#b565ac
```
#b565ac rgb(181,101,172)
```
#bd5db3
```
#bd5db3 rgb(189,93,179)
```
#c654ba
```
#c654ba rgb(198,84,186)
```
#cf4bc1
```
#cf4bc1 rgb(207,75,193)
```
#d842c7
```
#d842c7 rgb(216,66,199)
```
#e03ace
```
#e03ace rgb(224,58,206)
```
#e931d5
```
#e931d5 rgb(233,49,213)
```
#f228dc
```
#f228dc rgb(242,40,220)
```
#fb1fe3
```
#fb1fe3 rgb(251,31,227)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#91698d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8cff Protanopia 1% of men
#778fca Deuteranopia 1% of men
#e6666c Tritanopia 0.001% of the population

Trichromacy

#8768f2 Protanomaly 1% of men, 0.01% of women
#a469d0 Deuteranomaly 6% of men, 0.4% of women
#ea4f94 Tritanomaly 0.01% of the population

#f228dc hex color

#f228dc Color Information

#f228dc Color Conversion

Color Schemes with #f228dc

Alternatives to #f228dc

#f228dc Preview

Shades and Tints of #f228dc

Tones of #f228dc

Color Blindness Simulator