#f225d2 hex color

In a RGB color space, hex #f225d2 is composed of 94.9% red, 14.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 13.2% yellow and 5.1% black. It has a hue angle of 309.4 degrees, a saturation of 88.7% and a lightness of 54.7%. #f225d2 color hex could be obtained by blending #ff4aff with #e500a5. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 15
- B 82
RGB color chart
- C 0
- M 85
- Y 13
- K 5
CMYK color chart

● #f225d2 color description : Bright magenta.

The hexadecimal color #f225d2 has RGB values of R:242, G:37, B:210 and CMYK values of C:0, M:0.85, Y:0.13, K:0.05. Its decimal value is 15869394.

Hex triplet	f225d2	`#f225d2`
RGB Decimal	242, 37, 210	`rgb(242,37,210)`
RGB Percent	94.9, 14.5, 82.4	`rgb(94.9%,14.5%,82.4%)`
CMYK	0, 85, 13, 5
HSL	309.4°, 88.7, 54.7	`hsl(309.4,88.7%,54.7%)`
HSV (or HSB)	309.4°, 84.7, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.936, 86.298, -41.073
XYZ	48.912, 24.857, 63.191
xyY	0.357, 0.181, 24.857
CIE-LCH	56.936, 95.574, 334.548
CIE-LUV	56.936, 90.44, -75.79
Hunter-Lab	49.857, 87.866, -40.247
Binary	11110010, 00100101, 11010010

#f225d2
```
#f225d2 rgb(242,37,210)
```
#25f245
```
#25f245 rgb(37,242,69)
```

Complementary Color

#ac25f2
```
#ac25f2 rgb(172,37,242)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#f2256c
```
#f2256c rgb(242,37,108)
```

Analogous Color

#25f2ac
```
#25f2ac rgb(37,242,172)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#6cf225
```
#6cf225 rgb(108,242,37)
```

Split Complementary Color

#25d2f2
```
#25d2f2 rgb(37,210,242)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#d2f225
```
#d2f225 rgb(210,242,37)
```

Triadic Color

#4525f2
```
#4525f2 rgb(69,37,242)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#d2f225
```
#d2f225 rgb(210,242,37)
```
#25f245
```
#25f245 rgb(37,242,69)
```

Tetradic Color

#bf0ba3
```
#bf0ba3 rgb(191,11,163)
```
#d70db8
```
#d70db8 rgb(215,13,184)
```
#ef0ecc
```
#ef0ecc rgb(239,14,204)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#f33dd7
```
#f33dd7 rgb(243,61,215)
```
#f555dc
```
#f555dc rgb(245,85,220)
```
#f66de1
```
#f66de1 rgb(246,109,225)
```

Monochromatic Color

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

#df25f2
```
#df25f2 rgb(223,37,242)
```
#f025f2
```
#f025f2 rgb(240,37,242)
```
#f225e3
```
#f225e3 rgb(242,37,227)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#f225c1
```
#f225c1 rgb(242,37,193)
```
#f225b0
```
#f225b0 rgb(242,37,176)
```
#f2259f
```
#f2259f rgb(242,37,159)
```

Similar Colors

Text with hexadecimal color #f225d2

This text has a font color of #f225d2.

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

#f225d2 background color

This paragraph has a background color of #f225d2.

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

#f225d2 border color

This element has a border color of #f225d2.

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

CSS codes

.text {color:#f225d2;}

.background {background-color:#f225d2;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#170113
```
#170113 rgb(23,1,19)
```
#290223
```
#290223 rgb(41,2,35)
```
#3c0433
```
#3c0433 rgb(60,4,51)
```
#4e0543
```
#4e0543 rgb(78,5,67)
```
#610653
```
#610653 rgb(97,6,83)
```
#730762
```
#730762 rgb(115,7,98)
```
#860872
```
#860872 rgb(134,8,114)
```
#980982
```
#980982 rgb(152,9,130)
```
#ab0a92
```
#ab0a92 rgb(171,10,146)
```
#bd0ba1
```
#bd0ba1 rgb(189,11,161)
```
#d00cb1
```
#d00cb1 rgb(208,12,177)
```
#e20dc1
```
#e20dc1 rgb(226,13,193)
```

Shade Color Variation

#f112ce
```
#f112ce rgb(241,18,206)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#f338d6
```
#f338d6 rgb(243,56,214)
```
#f44ada
```
#f44ada rgb(244,74,218)
```
#f55ddd
```
#f55ddd rgb(245,93,221)
```
#f66fe1
```
#f66fe1 rgb(246,111,225)
```
#f882e5
```
#f882e5 rgb(248,130,229)
```
#f994e9
```
#f994e9 rgb(249,148,233)
```
#faa7ed
```
#faa7ed rgb(250,167,237)
```
#fbb9f1
```
#fbb9f1 rgb(251,185,241)
```
#fcccf4
```
#fcccf4 rgb(252,204,244)
```
#fddef8
```
#fddef8 rgb(253,222,248)
```
#fef1fc
```
#fef1fc rgb(254,241,252)
```

Tint Color Variation

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

#90878f
```
#90878f rgb(144,135,143)
```
#997e95
```
#997e95 rgb(153,126,149)
```
#a2759b
```
#a2759b rgb(162,117,155)
```
#ab6ca1
```
#ab6ca1 rgb(171,108,161)
```
#b463a7
```
#b463a7 rgb(180,99,167)
```
#bd5aad
```
#bd5aad rgb(189,90,173)
```
#c651b3
```
#c651b3 rgb(198,81,179)
```
#ce49ba
```
#ce49ba rgb(206,73,186)
```
#d740c0
```
#d740c0 rgb(215,64,192)
```
#e037c6
```
#e037c6 rgb(224,55,198)
```
#e92ecc
```
#e92ecc rgb(233,46,204)
```
#f225d2
```
#f225d2 rgb(242,37,210)
```
#fb1cd8
```
#fb1cd8 rgb(251,28,216)
```

Tone Color Variation

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

Dichromacy

#458bff Protanopia 1% of men
#7c8dc1 Deuteranopia 1% of men
#e76167 Tritanopia 0.001% of the population

Trichromacy

#8465ee Protanomaly 1% of men, 0.01% of women
#a767c7 Deuteranomaly 6% of men, 0.4% of women
#eb4b8e Tritanomaly 0.01% of the population

#f225d2 hex color

#f225d2 Color Information

#f225d2 Color Conversion

Color Schemes with #f225d2

Alternatives to #f225d2

#f225d2 Preview

Shades and Tints of #f225d2

Tones of #f225d2

Color Blindness Simulator