#f253ae hex color

In a RGB color space, hex #f253ae is composed of 94.9% red, 32.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 28.1% yellow and 5.1% black. It has a hue angle of 325.7 degrees, a saturation of 85.9% and a lightness of 63.7%. #f253ae color hex could be obtained by blending #ffa6ff with #e5005d. Closest websafe color is: #ff6699.

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

● #f253ae color description : Soft pink.

The hexadecimal color #f253ae has RGB values of R:242, G:83, B:174 and CMYK values of C:0, M:0.66, Y:0.28, K:0.05. Its decimal value is 15881134.

Hex triplet	f253ae	`#f253ae`
RGB Decimal	242, 83, 174	`rgb(242,83,174)`
RGB Percent	94.9, 32.5, 68.2	`rgb(94.9%,32.5%,68.2%)`
CMYK	0, 66, 28, 5
HSL	325.7°, 85.9, 63.7	`hsl(325.7,85.9%,63.7%)`
HSV (or HSB)	325.7°, 65.7, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	60, 68.783, -15.673
XYZ	47.352, 28.124, 42.977
xyY	0.4, 0.237, 28.124
CIE-LCH	60, 70.546, 347.164
CIE-LUV	60, 92.68, -35.231
Hunter-Lab	53.032, 66.575, -10.926
Binary	11110010, 01010011, 10101110

#f253ae
```
#f253ae rgb(242,83,174)
```
#53f297
```
#53f297 rgb(83,242,151)
```

Complementary Color

#e753f2
```
#e753f2 rgb(231,83,242)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#f2535f
```
#f2535f rgb(242,83,95)
```

Analogous Color

#53f2e7
```
#53f2e7 rgb(83,242,231)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#5ff253
```
#5ff253 rgb(95,242,83)
```

Split Complementary Color

#53aef2
```
#53aef2 rgb(83,174,242)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#aef253
```
#aef253 rgb(174,242,83)
```

Triadic Color

#9753f2
```
#9753f2 rgb(151,83,242)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#aef253
```
#aef253 rgb(174,242,83)
```
#53f297
```
#53f297 rgb(83,242,151)
```

Tetradic Color

#e7118c
```
#e7118c rgb(231,17,140)
```
#ee2498
```
#ee2498 rgb(238,36,152)
```
#f03ba3
```
#f03ba3 rgb(240,59,163)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#f46bb9
```
#f46bb9 rgb(244,107,185)
```
#f682c4
```
#f682c4 rgb(246,130,196)
```
#f79acf
```
#f79acf rgb(247,154,207)
```

Monochromatic Color

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

#f253d6
```
#f253d6 rgb(242,83,214)
```
#f253c9
```
#f253c9 rgb(242,83,201)
```
#f253bb
```
#f253bb rgb(242,83,187)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#f253a1
```
#f253a1 rgb(242,83,161)
```
#f25394
```
#f25394 rgb(242,83,148)
```
#f25386
```
#f25386 rgb(242,83,134)
```

Similar Colors

Text with hexadecimal color #f253ae

This text has a font color of #f253ae.

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

#f253ae background color

This paragraph has a background color of #f253ae.

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

#f253ae border color

This element has a border color of #f253ae.

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

CSS codes

.text {color:#f253ae;}

.background {background-color:#f253ae;}

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

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, #0a0106 is the darkest color, while #fef7fb is the lightest one.

#0a0106
```
#0a0106 rgb(10,1,6)
```
#1d0211
```
#1d0211 rgb(29,2,17)
```
#2f041c
```
#2f041c rgb(47,4,28)
```
#410527
```
#410527 rgb(65,5,39)
```
#530632
```
#530632 rgb(83,6,50)
```
#66083d
```
#66083d rgb(102,8,61)
```
#780948
```
#780948 rgb(120,9,72)
```
#8a0a53
```
#8a0a53 rgb(138,10,83)
```
#9c0c5e
```
#9c0c5e rgb(156,12,94)
```
#af0d6a
```
#af0d6a rgb(175,13,106)
```
#c10f75
```
#c10f75 rgb(193,15,117)
```
#d31080
```
#d31080 rgb(211,16,128)
```
#e5118b
```
#e5118b rgb(229,17,139)
```

Shade Color Variation

#ee1c94
```
#ee1c94 rgb(238,28,148)
```
#ef2f9d
```
#ef2f9d rgb(239,47,157)
```
#f141a5
```
#f141a5 rgb(241,65,165)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#f365b7
```
#f365b7 rgb(243,101,183)
```
#f577bf
```
#f577bf rgb(245,119,191)
```
#f68ac8
```
#f68ac8 rgb(246,138,200)
```
#f89cd0
```
#f89cd0 rgb(248,156,208)
```
#f9aed9
```
#f9aed9 rgb(249,174,217)
```
#fac0e2
```
#fac0e2 rgb(250,192,226)
```
#fcd3ea
```
#fcd3ea rgb(252,211,234)
```
#fde5f3
```
#fde5f3 rgb(253,229,243)
```
#fef7fb
```
#fef7fb rgb(254,247,251)
```

Tint Color Variation

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

#a4a1a3
```
#a4a1a3 rgb(164,161,163)
```
#ab9aa4
```
#ab9aa4 rgb(171,154,164)
```
#b293a5
```
#b293a5 rgb(178,147,165)
```
#b98ca6
```
#b98ca6 rgb(185,140,166)
```
#c085a7
```
#c085a7 rgb(192,133,167)
```
#c77ea8
```
#c77ea8 rgb(199,126,168)
```
#ce77a9
```
#ce77a9 rgb(206,119,169)
```
#d66faa
```
#d66faa rgb(214,111,170)
```
#dd68ab
```
#dd68ab rgb(221,104,171)
```
#e461ac
```
#e461ac rgb(228,97,172)
```
#eb5aad
```
#eb5aad rgb(235,90,173)
```
#f253ae
```
#f253ae rgb(242,83,174)
```
#f94caf
```
#f94caf rgb(249,76,175)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a18194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f94d4 Protanopia 1% of men
#9c92a5 Deuteranopia 1% of men
#ed6c73 Tritanopia 0.001% of the population

Trichromacy

#a97cc6 Protanomaly 1% of men, 0.01% of women
#bb7ba8 Deuteranomaly 6% of men, 0.4% of women
#ee6388 Tritanomaly 0.01% of the population

#f253ae hex color

#f253ae Color Information

#f253ae Color Conversion

Color Schemes with #f253ae

Alternatives to #f253ae

#f253ae Preview

Shades and Tints of #f253ae

Tones of #f253ae

Color Blindness Simulator