#f254cc hex color

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

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

● #f254cc color description : Soft magenta.

The hexadecimal color #f254cc has RGB values of R:242, G:84, B:204 and CMYK values of C:0, M:0.65, Y:0.16, K:0.05. Its decimal value is 15881420.

Hex triplet	f254cc	`#f254cc`
RGB Decimal	242, 84, 204	`rgb(242,84,204)`
RGB Percent	94.9, 32.9, 80	`rgb(94.9%,32.9%,80%)`
CMYK	0, 65, 16, 5
HSL	314.4°, 85.9, 63.9	`hsl(314.4,85.9%,63.9%)`
HSV (or HSB)	314.4°, 65.3, 94.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.291, 72.316, -30.857
XYZ	50.687, 29.581, 60.164
xyY	0.361, 0.211, 29.581
CIE-LCH	61.291, 78.624, 336.892
CIE-LUV	61.291, 81.73, -58.85
Hunter-Lab	54.389, 71.172, -27.513
Binary	11110010, 01010100, 11001100

#f254cc
```
#f254cc rgb(242,84,204)
```
#54f27a
```
#54f27a rgb(84,242,122)
```

Complementary Color

#c954f2
```
#c954f2 rgb(201,84,242)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#f2547d
```
#f2547d rgb(242,84,125)
```

Analogous Color

#54f2c9
```
#54f2c9 rgb(84,242,201)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#7df254
```
#7df254 rgb(125,242,84)
```

Split Complementary Color

#54ccf2
```
#54ccf2 rgb(84,204,242)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#ccf254
```
#ccf254 rgb(204,242,84)
```

Triadic Color

#7a54f2
```
#7a54f2 rgb(122,84,242)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#ccf254
```
#ccf254 rgb(204,242,84)
```
#54f27a
```
#54f27a rgb(84,242,122)
```

Tetradic Color

#e812b4
```
#e812b4 rgb(232,18,180)
```
#ee25be
```
#ee25be rgb(238,37,190)
```
#f03cc5
```
#f03cc5 rgb(240,60,197)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#f46cd3
```
#f46cd3 rgb(244,108,211)
```
#f683da
```
#f683da rgb(246,131,218)
```
#f79be1
```
#f79be1 rgb(247,155,225)
```

Monochromatic Color

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

#f154f2
```
#f154f2 rgb(241,84,242)
```
#f254e6
```
#f254e6 rgb(242,84,230)
```
#f254d9
```
#f254d9 rgb(242,84,217)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#f254bf
```
#f254bf rgb(242,84,191)
```
#f254b2
```
#f254b2 rgb(242,84,178)
```
#f254a5
```
#f254a5 rgb(242,84,165)
```

Similar Colors

Text with hexadecimal color #f254cc

This text has a font color of #f254cc.

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

#f254cc background color

This paragraph has a background color of #f254cc.

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

#f254cc border color

This element has a border color of #f254cc.

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

CSS codes

.text {color:#f254cc;}

.background {background-color:#f254cc;}

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

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

#0b0109
```
#0b0109 rgb(11,1,9)
```
#1e0217
```
#1e0217 rgb(30,2,23)
```
#300425
```
#300425 rgb(48,4,37)
```
#420533
```
#420533 rgb(66,5,51)
```
#540641
```
#540641 rgb(84,6,65)
```
#660850
```
#660850 rgb(102,8,80)
```
#79095e
```
#79095e rgb(121,9,94)
```
#8b0b6c
```
#8b0b6c rgb(139,11,108)
```
#9d0c7a
```
#9d0c7a rgb(157,12,122)
```
#af0d88
```
#af0d88 rgb(175,13,136)
```
#c20f97
```
#c20f97 rgb(194,15,151)
```
#d410a5
```
#d410a5 rgb(212,16,165)
```
#e611b3
```
#e611b3 rgb(230,17,179)
```

Shade Color Variation

#ee1dbc
```
#ee1dbc rgb(238,29,188)
```
#ef30c1
```
#ef30c1 rgb(239,48,193)
```
#f142c7
```
#f142c7 rgb(241,66,199)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#f366d1
```
#f366d1 rgb(243,102,209)
```
#f578d7
```
#f578d7 rgb(245,120,215)
```
#f68bdc
```
#f68bdc rgb(246,139,220)
```
#f89de2
```
#f89de2 rgb(248,157,226)
```
#f9afe7
```
#f9afe7 rgb(249,175,231)
```
#fac1ed
```
#fac1ed rgb(250,193,237)
```
#fcd4f2
```
#fcd4f2 rgb(252,212,242)
```
#fde6f7
```
#fde6f7 rgb(253,230,247)
```
#fef8fd
```
#fef8fd rgb(254,248,253)
```

Tint Color Variation

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

#a4a2a4
```
#a4a2a4 rgb(164,162,164)
```
#ab9ba7
```
#ab9ba7 rgb(171,155,167)
```
#b294ab
```
#b294ab rgb(178,148,171)
```
#b98daf
```
#b98daf rgb(185,141,175)
```
#c086b2
```
#c086b2 rgb(192,134,178)
```
#c87eb6
```
#c87eb6 rgb(200,126,182)
```
#cf77ba
```
#cf77ba rgb(207,119,186)
```
#d670bd
```
#d670bd rgb(214,112,189)
```
#dd69c1
```
#dd69c1 rgb(221,105,193)
```
#e462c5
```
#e462c5 rgb(228,98,197)
```
#eb5bc8
```
#eb5bc8 rgb(235,91,200)
```
#f254cc
```
#f254cc rgb(242,84,204)
```
#f94dd0
```
#f94dd0 rgb(249,77,208)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a4859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d96f6 Protanopia 1% of men
#9296c0 Deuteranopia 1% of men
#e9747c Tritanopia 0.001% of the population

Trichromacy

#9d7ee6 Protanomaly 1% of men, 0.01% of women
#b47ec4 Deuteranomaly 6% of men, 0.4% of women
#ec6899 Tritanomaly 0.01% of the population

#f254cc hex color

#f254cc Color Information

#f254cc Color Conversion

Color Schemes with #f254cc

Alternatives to #f254cc

#f254cc Preview

Shades and Tints of #f254cc

Tones of #f254cc

Color Blindness Simulator