#f253af hex color

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

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

● #f253af color description : Soft pink.

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

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

CIE-LAB	60.036, 68.904, -16.197
XYZ	47.449, 28.163, 43.492
xyY	0.398, 0.236, 28.163
CIE-LCH	60.036, 70.782, 346.772
CIE-LUV	60.036, 92.325, -36.021
Hunter-Lab	53.069, 66.729, -11.443
Binary	11110010, 01010011, 10101111

#f253af
```
#f253af rgb(242,83,175)
```
#53f296
```
#53f296 rgb(83,242,150)
```

Complementary Color

#e653f2
```
#e653f2 rgb(230,83,242)
```
#f253af
```
#f253af rgb(242,83,175)
```
#f25360
```
#f25360 rgb(242,83,96)
```

Analogous Color

#53f2e6
```
#53f2e6 rgb(83,242,230)
```
#f253af
```
#f253af rgb(242,83,175)
```
#60f253
```
#60f253 rgb(96,242,83)
```

Split Complementary Color

#53aff2
```
#53aff2 rgb(83,175,242)
```
#f253af
```
#f253af rgb(242,83,175)
```
#aff253
```
#aff253 rgb(175,242,83)
```

Triadic Color

#9653f2
```
#9653f2 rgb(150,83,242)
```
#f253af
```
#f253af rgb(242,83,175)
```
#aff253
```
#aff253 rgb(175,242,83)
```
#53f296
```
#53f296 rgb(83,242,150)
```

Tetradic Color

#e7118d
```
#e7118d rgb(231,17,141)
```
#ee2499
```
#ee2499 rgb(238,36,153)
```
#f03ba4
```
#f03ba4 rgb(240,59,164)
```
#f253af
```
#f253af rgb(242,83,175)
```
#f46bba
```
#f46bba rgb(244,107,186)
```
#f682c5
```
#f682c5 rgb(246,130,197)
```
#f79ad0
```
#f79ad0 rgb(247,154,208)
```

Monochromatic Color

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

#f253d7
```
#f253d7 rgb(242,83,215)
```
#f253ca
```
#f253ca rgb(242,83,202)
```
#f253bc
```
#f253bc rgb(242,83,188)
```
#f253af
```
#f253af rgb(242,83,175)
```
#f253a2
```
#f253a2 rgb(242,83,162)
```
#f25395
```
#f25395 rgb(242,83,149)
```
#f25387
```
#f25387 rgb(242,83,135)
```

Similar Colors

Text with hexadecimal color #f253af

This text has a font color of #f253af.

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

#f253af background color

This paragraph has a background color of #f253af.

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

#f253af border color

This element has a border color of #f253af.

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

CSS codes

.text {color:#f253af;}

.background {background-color:#f253af;}

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

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)
```
#2f041d
```
#2f041d rgb(47,4,29)
```
#410528
```
#410528 rgb(65,5,40)
```
#530633
```
#530633 rgb(83,6,51)
```
#66083e
```
#66083e rgb(102,8,62)
```
#780949
```
#780949 rgb(120,9,73)
```
#8a0a54
```
#8a0a54 rgb(138,10,84)
```
#9c0c5f
```
#9c0c5f rgb(156,12,95)
```
#af0d6b
```
#af0d6b rgb(175,13,107)
```
#c10f76
```
#c10f76 rgb(193,15,118)
```
#d31081
```
#d31081 rgb(211,16,129)
```
#e5118c
```
#e5118c rgb(229,17,140)
```

Shade Color Variation

#ee1c96
```
#ee1c96 rgb(238,28,150)
```
#ef2f9e
```
#ef2f9e rgb(239,47,158)
```
#f141a7
```
#f141a7 rgb(241,65,167)
```
#f253af
```
#f253af rgb(242,83,175)
```
#f365b7
```
#f365b7 rgb(243,101,183)
```
#f577c0
```
#f577c0 rgb(245,119,192)
```
#f68ac8
```
#f68ac8 rgb(246,138,200)
```
#f89cd1
```
#f89cd1 rgb(248,156,209)
```
#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 #f94cb0 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)
```
#d66fab
```
#d66fab rgb(214,111,171)
```
#dd68ac
```
#dd68ac rgb(221,104,172)
```
#e461ad
```
#e461ad rgb(228,97,173)
```
#eb5aae
```
#eb5aae rgb(235,90,174)
```
#f253af
```
#f253af rgb(242,83,175)
```
#f94cb0
```
#f94cb0 rgb(249,76,176)
```

Tone Color Variation

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

#7e94d5 Protanopia 1% of men
#9c92a6 Deuteranopia 1% of men
#ec6c73 Tritanopia 0.001% of the population

Trichromacy

#a87cc7 Protanomaly 1% of men, 0.01% of women
#bb7ba9 Deuteranomaly 6% of men, 0.4% of women
#ee6389 Tritanomaly 0.01% of the population

#f253af hex color

#f253af Color Information

#f253af Color Conversion

Color Schemes with #f253af

Alternatives to #f253af

#f253af Preview

Shades and Tints of #f253af

Tones of #f253af

Color Blindness Simulator