#f225d4 hex color

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

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

● #f225d4 color description : Bright magenta.

The hexadecimal color #f225d4 has RGB values of R:242, G:37, B:212 and CMYK values of C:0, M:0.85, Y:0.12, K:0.05. Its decimal value is 15869396.

Hex triplet	f225d4	`#f225d4`
RGB Decimal	242, 37, 212	`rgb(242,37,212)`
RGB Percent	94.9, 14.5, 83.1	`rgb(94.9%,14.5%,83.1%)`
CMYK	0, 85, 12, 5
HSL	308.8°, 88.7, 54.7	`hsl(308.8,88.7%,54.7%)`
HSV (or HSB)	308.8°, 84.7, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.034, 86.559, -42.058
XYZ	49.163, 24.958, 64.512
xyY	0.355, 0.18, 24.958
CIE-LCH	57.034, 96.236, 334.085
CIE-LUV	57.034, 89.603, -77.35
Hunter-Lab	49.958, 88.234, -41.592
Binary	11110010, 00100101, 11010100

#f225d4
```
#f225d4 rgb(242,37,212)
```
#25f243
```
#25f243 rgb(37,242,67)
```

Complementary Color

#aa25f2
```
#aa25f2 rgb(170,37,242)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#f2256e
```
#f2256e rgb(242,37,110)
```

Analogous Color

#25f2aa
```
#25f2aa rgb(37,242,170)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#6ef225
```
#6ef225 rgb(110,242,37)
```

Split Complementary Color

#25d4f2
```
#25d4f2 rgb(37,212,242)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#d4f225
```
#d4f225 rgb(212,242,37)
```

Triadic Color

#4325f2
```
#4325f2 rgb(67,37,242)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#d4f225
```
#d4f225 rgb(212,242,37)
```
#25f243
```
#25f243 rgb(37,242,67)
```

Tetradic Color

#bf0ba5
```
#bf0ba5 rgb(191,11,165)
```
#d70dba
```
#d70dba rgb(215,13,186)
```
#ef0ece
```
#ef0ece rgb(239,14,206)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#f33dd9
```
#f33dd9 rgb(243,61,217)
```
#f555dd
```
#f555dd rgb(245,85,221)
```
#f66de2
```
#f66de2 rgb(246,109,226)
```

Monochromatic Color

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

#dd25f2
```
#dd25f2 rgb(221,37,242)
```
#ee25f2
```
#ee25f2 rgb(238,37,242)
```
#f225e5
```
#f225e5 rgb(242,37,229)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#f225c3
```
#f225c3 rgb(242,37,195)
```
#f225b2
```
#f225b2 rgb(242,37,178)
```
#f225a1
```
#f225a1 rgb(242,37,161)
```

Similar Colors

Text with hexadecimal color #f225d4

This text has a font color of #f225d4.

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

#f225d4 background color

This paragraph has a background color of #f225d4.

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

#f225d4 border color

This element has a border color of #f225d4.

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

CSS codes

.text {color:#f225d4;}

.background {background-color:#f225d4;}

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

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)
```
#170114
```
#170114 rgb(23,1,20)
```
#290223
```
#290223 rgb(41,2,35)
```
#3c0433
```
#3c0433 rgb(60,4,51)
```
#4e0543
```
#4e0543 rgb(78,5,67)
```
#610653
```
#610653 rgb(97,6,83)
```
#730763
```
#730763 rgb(115,7,99)
```
#860873
```
#860873 rgb(134,8,115)
```
#980983
```
#980983 rgb(152,9,131)
```
#ab0a93
```
#ab0a93 rgb(171,10,147)
```
#bd0ba3
```
#bd0ba3 rgb(189,11,163)
```
#d00cb3
```
#d00cb3 rgb(208,12,179)
```
#e20dc3
```
#e20dc3 rgb(226,13,195)
```

Shade Color Variation

#f112d0
```
#f112d0 rgb(241,18,208)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#f338d8
```
#f338d8 rgb(243,56,216)
```
#f44adb
```
#f44adb rgb(244,74,219)
```
#f55ddf
```
#f55ddf rgb(245,93,223)
```
#f66fe3
```
#f66fe3 rgb(246,111,227)
```
#f882e6
```
#f882e6 rgb(248,130,230)
```
#f994ea
```
#f994ea rgb(249,148,234)
```
#faa7ee
```
#faa7ee rgb(250,167,238)
```
#fbb9f1
```
#fbb9f1 rgb(251,185,241)
```
#fcccf5
```
#fcccf5 rgb(252,204,245)
```
#fddef9
```
#fddef9 rgb(253,222,249)
```
#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 #fb1cda is the most saturated one.

#90878f
```
#90878f rgb(144,135,143)
```
#997e95
```
#997e95 rgb(153,126,149)
```
#a2759b
```
#a2759b rgb(162,117,155)
```
#ab6ca2
```
#ab6ca2 rgb(171,108,162)
```
#b463a8
```
#b463a8 rgb(180,99,168)
```
#bd5aae
```
#bd5aae rgb(189,90,174)
```
#c651b5
```
#c651b5 rgb(198,81,181)
```
#ce49bb
```
#ce49bb rgb(206,73,187)
```
#d740c1
```
#d740c1 rgb(215,64,193)
```
#e037c7
```
#e037c7 rgb(224,55,199)
```
#e92ece
```
#e92ece rgb(233,46,206)
```
#f225d4
```
#f225d4 rgb(242,37,212)
```
#fb1cda
```
#fb1cda rgb(251,28,218)
```

Tone Color Variation

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

Dichromacy

#468bff Protanopia 1% of men
#7b8dc3 Deuteranopia 1% of men
#e76267 Tritanopia 0.001% of the population

Trichromacy

#8466ef Protanomaly 1% of men, 0.01% of women
#a667c9 Deuteranomaly 6% of men, 0.4% of women
#eb4c8f Tritanomaly 0.01% of the population

#f225d4 hex color

#f225d4 Color Information

#f225d4 Color Conversion

Color Schemes with #f225d4

Alternatives to #f225d4

#f225d4 Preview

Shades and Tints of #f225d4

Tones of #f225d4

Color Blindness Simulator