#f257cc hex color

In a RGB color space, hex #f257cc is composed of 94.9% red, 34.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 15.7% yellow and 5.1% black. It has a hue angle of 314.7 degrees, a saturation of 85.6% and a lightness of 64.5%. #f257cc color hex could be obtained by blending #ffaeff with #e50099. Closest websafe color is: #ff66cc.

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

● #f257cc color description : Soft magenta.

The hexadecimal color #f257cc has RGB values of R:242, G:87, B:204 and CMYK values of C:0, M:0.64, Y:0.16, K:0.05. Its decimal value is 15882188.

Hex triplet	f257cc	`#f257cc`
RGB Decimal	242, 87, 204	`rgb(242,87,204)`
RGB Percent	94.9, 34.1, 80	`rgb(94.9%,34.1%,80%)`
CMYK	0, 64, 16, 5
HSL	314.7°, 85.6, 64.5	`hsl(314.7,85.6%,64.5%)`
HSV (or HSB)	314.7°, 64, 94.9
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.703, 71.173, -30.218
XYZ	50.925, 30.057, 60.243
xyY	0.361, 0.213, 30.057
CIE-LCH	61.703, 77.322, 336.995
CIE-LUV	61.703, 80.71, -57.743
Hunter-Lab	54.824, 69.862, -26.773
Binary	11110010, 01010111, 11001100

#f257cc
```
#f257cc rgb(242,87,204)
```
#57f27d
```
#57f27d rgb(87,242,125)
```

Complementary Color

#cb57f2
```
#cb57f2 rgb(203,87,242)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#f2577f
```
#f2577f rgb(242,87,127)
```

Analogous Color

#57f2cb
```
#57f2cb rgb(87,242,203)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#7ff257
```
#7ff257 rgb(127,242,87)
```

Split Complementary Color

#57ccf2
```
#57ccf2 rgb(87,204,242)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#ccf257
```
#ccf257 rgb(204,242,87)
```

Triadic Color

#7d57f2
```
#7d57f2 rgb(125,87,242)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#ccf257
```
#ccf257 rgb(204,242,87)
```
#57f27d
```
#57f27d rgb(87,242,125)
```

Tetradic Color

#ea12b5
```
#ea12b5 rgb(234,18,181)
```
#ee28be
```
#ee28be rgb(238,40,190)
```
#f03fc5
```
#f03fc5 rgb(240,63,197)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#f46fd3
```
#f46fd3 rgb(244,111,211)
```
#f686da
```
#f686da rgb(246,134,218)
```
#f79ee2
```
#f79ee2 rgb(247,158,226)
```

Monochromatic Color

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

#f157f2
```
#f157f2 rgb(241,87,242)
```
#f257e6
```
#f257e6 rgb(242,87,230)
```
#f257d9
```
#f257d9 rgb(242,87,217)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#f257bf
```
#f257bf rgb(242,87,191)
```
#f257b2
```
#f257b2 rgb(242,87,178)
```
#f257a5
```
#f257a5 rgb(242,87,165)
```

Similar Colors

Text with hexadecimal color #f257cc

This text has a font color of #f257cc.

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

#f257cc background color

This paragraph has a background color of #f257cc.

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

#f257cc border color

This element has a border color of #f257cc.

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

CSS codes

.text {color:#f257cc;}

.background {background-color:#f257cc;}

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

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

#0e010b
```
#0e010b rgb(14,1,11)
```
#200219
```
#200219 rgb(32,2,25)
```
#320427
```
#320427 rgb(50,4,39)
```
#450535
```
#450535 rgb(69,5,53)
```
#570743
```
#570743 rgb(87,7,67)
```
#690851
```
#690851 rgb(105,8,81)
```
#7b0a5f
```
#7b0a5f rgb(123,10,95)
```
#8e0b6e
```
#8e0b6e rgb(142,11,110)
```
#a00c7c
```
#a00c7c rgb(160,12,124)
```
#b20e8a
```
#b20e8a rgb(178,14,138)
```
#c40f98
```
#c40f98 rgb(196,15,152)
```
#d611a6
```
#d611a6 rgb(214,17,166)
```
#e912b4
```
#e912b4 rgb(233,18,180)
```

Shade Color Variation

#ee20bb
```
#ee20bb rgb(238,32,187)
```
#ef33c1
```
#ef33c1 rgb(239,51,193)
```
#f145c6
```
#f145c6 rgb(241,69,198)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#f369d2
```
#f369d2 rgb(243,105,210)
```
#f57bd7
```
#f57bd7 rgb(245,123,215)
```
#f68edd
```
#f68edd rgb(246,142,221)
```
#f8a0e2
```
#f8a0e2 rgb(248,160,226)
```
#f9b2e8
```
#f9b2e8 rgb(249,178,232)
```
#fac4ed
```
#fac4ed rgb(250,196,237)
```
#fcd6f3
```
#fcd6f3 rgb(252,214,243)
```
#fde9f8
```
#fde9f8 rgb(253,233,248)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#a5a4a5
```
#a5a4a5 rgb(165,164,165)
```
#ac9da9
```
#ac9da9 rgb(172,157,169)
```
#b396ac
```
#b396ac rgb(179,150,172)
```
#ba8fb0
```
#ba8fb0 rgb(186,143,176)
```
#c188b3
```
#c188b3 rgb(193,136,179)
```
#c881b7
```
#c881b7 rgb(200,129,183)
```
#cf7aba
```
#cf7aba rgb(207,122,186)
```
#d673be
```
#d673be rgb(214,115,190)
```
#dd6cc1
```
#dd6cc1 rgb(221,108,193)
```
#e465c5
```
#e465c5 rgb(228,101,197)
```
#eb5ec8
```
#eb5ec8 rgb(235,94,200)
```
#f257cc
```
#f257cc rgb(242,87,204)
```
#f950d0
```
#f950d0 rgb(249,80,208)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a6879e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7097f4 Protanopia 1% of men
#9397c0 Deuteranopia 1% of men
#ea767e Tritanopia 0.001% of the population

Trichromacy

#9f80e5 Protanomaly 1% of men, 0.01% of women
#b680c4 Deuteranomaly 6% of men, 0.4% of women
#ec6b9a Tritanomaly 0.01% of the population

#f257cc hex color

#f257cc Color Information

#f257cc Color Conversion

Color Schemes with #f257cc

Alternatives to #f257cc

#f257cc Preview

Shades and Tints of #f257cc

Tones of #f257cc

Color Blindness Simulator