#f225ae hex color

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

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

● #f225ae color description : Bright pink.

The hexadecimal color #f225ae has RGB values of R:242, G:37, B:174 and CMYK values of C:0, M:0.85, Y:0.28, K:0.05. Its decimal value is 15869358.

Hex triplet	f225ae	`#f225ae`
RGB Decimal	242, 37, 174	`rgb(242,37,174)`
RGB Percent	94.9, 14.5, 68.2	`rgb(94.9%,14.5%,68.2%)`
CMYK	0, 85, 28, 5
HSL	319.9°, 88.7, 54.7	`hsl(319.9,88.7%,54.7%)`
HSV (or HSB)	319.9°, 84.7, 94.9
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.34, 81.968, -22.78
XYZ	44.92, 23.261, 42.166
xyY	0.407, 0.211, 23.261
CIE-LCH	55.34, 85.074, 344.468
CIE-LUV	55.34, 106.1, -47.483
Hunter-Lab	48.229, 81.851, -18.076
Binary	11110010, 00100101, 10101110

#f225ae
```
#f225ae rgb(242,37,174)
```
#25f269
```
#25f269 rgb(37,242,105)
```

Complementary Color

#d025f2
```
#d025f2 rgb(208,37,242)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#f22547
```
#f22547 rgb(242,37,71)
```

Analogous Color

#25f2d0
```
#25f2d0 rgb(37,242,208)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#48f225
```
#48f225 rgb(72,242,37)
```

Split Complementary Color

#25aef2
```
#25aef2 rgb(37,174,242)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#aef225
```
#aef225 rgb(174,242,37)
```

Triadic Color

#6925f2
```
#6925f2 rgb(105,37,242)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#aef225
```
#aef225 rgb(174,242,37)
```
#25f269
```
#25f269 rgb(37,242,105)
```

Tetradic Color

#bf0b83
```
#bf0b83 rgb(191,11,131)
```
#d70d94
```
#d70d94 rgb(215,13,148)
```
#ef0ea5
```
#ef0ea5 rgb(239,14,165)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#f33db7
```
#f33db7 rgb(243,61,183)
```
#f555c0
```
#f555c0 rgb(245,85,192)
```
#f66dc9
```
#f66dc9 rgb(246,109,201)
```

Monochromatic Color

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

#f225e1
```
#f225e1 rgb(242,37,225)
```
#f225d0
```
#f225d0 rgb(242,37,208)
```
#f225bf
```
#f225bf rgb(242,37,191)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#f2259d
```
#f2259d rgb(242,37,157)
```
#f2258c
```
#f2258c rgb(242,37,140)
```
#f2257b
```
#f2257b rgb(242,37,123)
```

Similar Colors

Text with hexadecimal color #f225ae

This text has a font color of #f225ae.

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

#f225ae background color

This paragraph has a background color of #f225ae.

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

#f225ae border color

This element has a border color of #f225ae.

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

CSS codes

.text {color:#f225ae;}

.background {background-color:#f225ae;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170110
```
#170110 rgb(23,1,16)
```
#29021c
```
#29021c rgb(41,2,28)
```
#3c0429
```
#3c0429 rgb(60,4,41)
```
#4e0536
```
#4e0536 rgb(78,5,54)
```
#610643
```
#610643 rgb(97,6,67)
```
#73074f
```
#73074f rgb(115,7,79)
```
#86085c
```
#86085c rgb(134,8,92)
```
#980969
```
#980969 rgb(152,9,105)
```
#ab0a75
```
#ab0a75 rgb(171,10,117)
```
#bd0b82
```
#bd0b82 rgb(189,11,130)
```
#d00c8f
```
#d00c8f rgb(208,12,143)
```
#e20d9c
```
#e20d9c rgb(226,13,156)
```

Shade Color Variation

#f112a7
```
#f112a7 rgb(241,18,167)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#f338b5
```
#f338b5 rgb(243,56,181)
```
#f44abc
```
#f44abc rgb(244,74,188)
```
#f55dc3
```
#f55dc3 rgb(245,93,195)
```
#f66fca
```
#f66fca rgb(246,111,202)
```
#f882d0
```
#f882d0 rgb(248,130,208)
```
#f994d7
```
#f994d7 rgb(249,148,215)
```
#faa7de
```
#faa7de rgb(250,167,222)
```
#fbb9e5
```
#fbb9e5 rgb(251,185,229)
```
#fcccec
```
#fcccec rgb(252,204,236)
```
#fddef3
```
#fddef3 rgb(253,222,243)
```
#fef1fa
```
#fef1fa rgb(254,241,250)
```

Tint Color Variation

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

#90878d
```
#90878d rgb(144,135,141)
```
#997e90
```
#997e90 rgb(153,126,144)
```
#a27593
```
#a27593 rgb(162,117,147)
```
#ab6c96
```
#ab6c96 rgb(171,108,150)
```
#b46399
```
#b46399 rgb(180,99,153)
```
#bd5a9c
```
#bd5a9c rgb(189,90,156)
```
#c6519f
```
#c6519f rgb(198,81,159)
```
#ce49a2
```
#ce49a2 rgb(206,73,162)
```
#d740a5
```
#d740a5 rgb(215,64,165)
```
#e037a8
```
#e037a8 rgb(224,55,168)
```
#e92eab
```
#e92eab rgb(233,46,171)
```
#f225ae
```
#f225ae rgb(242,37,174)
```
#fb1cb1
```
#fb1cb1 rgb(251,28,177)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8c637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c87e5 Protanopia 1% of men
#8b87a2 Deuteranopia 1% of men
#eb5458 Tritanopia 0.001% of the population

Trichromacy

#9263d1 Protanomaly 1% of men, 0.01% of women
#b163a6 Deuteranomaly 6% of men, 0.4% of women
#ed4377 Tritanomaly 0.01% of the population

#f225ae hex color

#f225ae Color Information

#f225ae Color Conversion

Color Schemes with #f225ae

Alternatives to #f225ae

#f225ae Preview

Shades and Tints of #f225ae

Tones of #f225ae

Color Blindness Simulator