#f254af hex color

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

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

● #f254af color description : Soft pink.

The hexadecimal color #f254af has RGB values of R:242, G:84, B:175 and CMYK values of C:0, M:0.65, Y:0.28, K:0.05. Its decimal value is 15881391.

Hex triplet	f254af	`#f254af`
RGB Decimal	242, 84, 175	`rgb(242,84,175)`
RGB Percent	94.9, 32.9, 68.6	`rgb(94.9%,32.9%,68.6%)`
CMYK	0, 65, 28, 5
HSL	325.4°, 85.9, 63.9	`hsl(325.4,85.9%,63.9%)`
HSV (or HSB)	325.4°, 65.3, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	60.174, 68.522, -15.987
XYZ	47.527, 28.317, 43.518
xyY	0.398, 0.237, 28.317
CIE-LCH	60.174, 70.362, 346.867
CIE-LUV	60.174, 91.926, -35.655
Hunter-Lab	53.214, 66.299, -11.237
Binary	11110010, 01010100, 10101111

#f254af
```
#f254af rgb(242,84,175)
```
#54f297
```
#54f297 rgb(84,242,151)
```

Complementary Color

#e654f2
```
#e654f2 rgb(230,84,242)
```
#f254af
```
#f254af rgb(242,84,175)
```
#f25460
```
#f25460 rgb(242,84,96)
```

Analogous Color

#54f2e6
```
#54f2e6 rgb(84,242,230)
```
#f254af
```
#f254af rgb(242,84,175)
```
#60f254
```
#60f254 rgb(96,242,84)
```

Split Complementary Color

#54aff2
```
#54aff2 rgb(84,175,242)
```
#f254af
```
#f254af rgb(242,84,175)
```
#aff254
```
#aff254 rgb(175,242,84)
```

Triadic Color

#9754f2
```
#9754f2 rgb(151,84,242)
```
#f254af
```
#f254af rgb(242,84,175)
```
#aff254
```
#aff254 rgb(175,242,84)
```
#54f297
```
#54f297 rgb(84,242,151)
```

Tetradic Color

#e8128d
```
#e8128d rgb(232,18,141)
```
#ee2599
```
#ee2599 rgb(238,37,153)
```
#f03ca4
```
#f03ca4 rgb(240,60,164)
```
#f254af
```
#f254af rgb(242,84,175)
```
#f46cba
```
#f46cba rgb(244,108,186)
```
#f683c5
```
#f683c5 rgb(246,131,197)
```
#f79bd0
```
#f79bd0 rgb(247,155,208)
```

Monochromatic Color

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

#f254d7
```
#f254d7 rgb(242,84,215)
```
#f254c9
```
#f254c9 rgb(242,84,201)
```
#f254bc
```
#f254bc rgb(242,84,188)
```
#f254af
```
#f254af rgb(242,84,175)
```
#f254a2
```
#f254a2 rgb(242,84,162)
```
#f25495
```
#f25495 rgb(242,84,149)
```
#f25488
```
#f25488 rgb(242,84,136)
```

Similar Colors

Text with hexadecimal color #f254af

This text has a font color of #f254af.

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

#f254af background color

This paragraph has a background color of #f254af.

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

#f254af border color

This element has a border color of #f254af.

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

CSS codes

.text {color:#f254af;}

.background {background-color:#f254af;}

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

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

#0b0107
```
#0b0107 rgb(11,1,7)
```
#1e0212
```
#1e0212 rgb(30,2,18)
```
#30041d
```
#30041d rgb(48,4,29)
```
#420528
```
#420528 rgb(66,5,40)
```
#540633
```
#540633 rgb(84,6,51)
```
#66083e
```
#66083e rgb(102,8,62)
```
#790949
```
#790949 rgb(121,9,73)
```
#8b0b54
```
#8b0b54 rgb(139,11,84)
```
#9d0c60
```
#9d0c60 rgb(157,12,96)
```
#af0d6b
```
#af0d6b rgb(175,13,107)
```
#c20f76
```
#c20f76 rgb(194,15,118)
```
#d41081
```
#d41081 rgb(212,16,129)
```
#e6118c
```
#e6118c rgb(230,17,140)
```

Shade Color Variation

#ee1d95
```
#ee1d95 rgb(238,29,149)
```
#ef309e
```
#ef309e rgb(239,48,158)
```
#f142a6
```
#f142a6 rgb(241,66,166)
```
#f254af
```
#f254af rgb(242,84,175)
```
#f366b8
```
#f366b8 rgb(243,102,184)
```
#f578c0
```
#f578c0 rgb(245,120,192)
```
#f68bc9
```
#f68bc9 rgb(246,139,201)
```
#f89dd1
```
#f89dd1 rgb(248,157,209)
```
#f9afda
```
#f9afda rgb(249,175,218)
```
#fac1e2
```
#fac1e2 rgb(250,193,226)
```
#fcd4eb
```
#fcd4eb rgb(252,212,235)
```
#fde6f3
```
#fde6f3 rgb(253,230,243)
```
#fef8fc
```
#fef8fc rgb(254,248,252)
```

Tint Color Variation

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

#a4a2a3
```
#a4a2a3 rgb(164,162,163)
```
#ab9ba4
```
#ab9ba4 rgb(171,155,164)
```
#b294a5
```
#b294a5 rgb(178,148,165)
```
#b98da6
```
#b98da6 rgb(185,141,166)
```
#c086a7
```
#c086a7 rgb(192,134,167)
```
#c87ea9
```
#c87ea9 rgb(200,126,169)
```
#cf77aa
```
#cf77aa rgb(207,119,170)
```
#d670ab
```
#d670ab rgb(214,112,171)
```
#dd69ac
```
#dd69ac rgb(221,105,172)
```
#e462ad
```
#e462ad rgb(228,98,173)
```
#eb5bae
```
#eb5bae rgb(235,91,174)
```
#f254af
```
#f254af rgb(242,84,175)
```
#f94db0
```
#f94db0 rgb(249,77,176)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f94d5 Protanopia 1% of men
#9d93a6 Deuteranopia 1% of men
#ed6d74 Tritanopia 0.001% of the population

Trichromacy

#a97dc7 Protanomaly 1% of men, 0.01% of women
#bb7ca9 Deuteranomaly 6% of men, 0.4% of women
#ee6489 Tritanomaly 0.01% of the population

#f254af hex color

#f254af Color Information

#f254af Color Conversion

Color Schemes with #f254af

Alternatives to #f254af

#f254af Preview

Shades and Tints of #f254af

Tones of #f254af

Color Blindness Simulator