#f28593 hex color

In a RGB color space, hex #f28593 is composed of 94.9% red, 52.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 39.3% yellow and 5.1% black. It has a hue angle of 352.3 degrees, a saturation of 80.7% and a lightness of 73.5%. #f28593 color hex could be obtained by blending #ffffff with #e50b27. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 52
- B 58
RGB color chart
- C 0
- M 45
- Y 39
- K 5
CMYK color chart

● #f28593 color description : Soft red.

The hexadecimal color #f28593 has RGB values of R:242, G:133, B:147 and CMYK values of C:0, M:0.45, Y:0.39, K:0.05. Its decimal value is 15893907.

Hex triplet	f28593	`#f28593`
RGB Decimal	242, 133, 147	`rgb(242,133,147)`
RGB Percent	94.9, 52.2, 57.6	`rgb(94.9%,52.2%,57.6%)`
CMYK	0, 45, 39, 5
HSL	352.3°, 80.7, 73.5	`hsl(352.3,80.7%,73.5%)`
HSV (or HSB)	352.3°, 45, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.845, 42.958, 11.252
XYZ	50.273, 37.762, 32.243
xyY	0.418, 0.314, 37.762
CIE-LCH	67.845, 44.407, 14.678
CIE-LUV	67.845, 74.105, 7.087
Hunter-Lab	61.451, 38.489, 11.906
Binary	11110010, 10000101, 10010011

#f28593
```
#f28593 rgb(242,133,147)
```
#85f2e4
```
#85f2e4 rgb(133,242,228)
```

Complementary Color

#f285ca
```
#f285ca rgb(242,133,202)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#f2ae85
```
#f2ae85 rgb(242,174,133)
```

Analogous Color

#85caf2
```
#85caf2 rgb(133,202,242)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#85f2ae
```
#85f2ae rgb(133,242,174)
```

Split Complementary Color

#8593f2
```
#8593f2 rgb(133,147,242)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#93f285
```
#93f285 rgb(147,242,133)
```

Triadic Color

#e485f2
```
#e485f2 rgb(228,133,242)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#93f285
```
#93f285 rgb(147,242,133)
```
#85f2e4
```
#85f2e4 rgb(133,242,228)
```

Tetradic Color

#eb4056
```
#eb4056 rgb(235,64,86)
```
#ed576a
```
#ed576a rgb(237,87,106)
```
#f06e7f
```
#f06e7f rgb(240,110,127)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#f49ca7
```
#f49ca7 rgb(244,156,167)
```
#f7b3bc
```
#f7b3bc rgb(247,179,188)
```
#f9cad0
```
#f9cad0 rgb(249,202,208)
```

Monochromatic Color

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

#f285ae
```
#f285ae rgb(242,133,174)
```
#f285a5
```
#f285a5 rgb(242,133,165)
```
#f2859c
```
#f2859c rgb(242,133,156)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#f2858a
```
#f2858a rgb(242,133,138)
```
#f28985
```
#f28985 rgb(242,137,133)
```
#f29285
```
#f29285 rgb(242,146,133)
```

Similar Colors

Text with hexadecimal color #f28593

This text has a font color of #f28593.

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

#f28593 background color

This paragraph has a background color of #f28593.

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

#f28593 border color

This element has a border color of #f28593.

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

CSS codes

.text {color:#f28593;}

.background {background-color:#f28593;}

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

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, #020000 is the darkest color, while #fdeff1 is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#140204
```
#140204 rgb(20,2,4)
```
#260408
```
#260408 rgb(38,4,8)
```
#37060c
```
#37060c rgb(55,6,12)
```
#490810
```
#490810 rgb(73,8,16)
```
#5b0a14
```
#5b0a14 rgb(91,10,20)
```
#6c0c18
```
#6c0c18 rgb(108,12,24)
```
#7e0d1c
```
#7e0d1c rgb(126,13,28)
```
#900f20
```
#900f20 rgb(144,15,32)
```
#a21124
```
#a21124 rgb(162,17,36)
```
#b31328
```
#b31328 rgb(179,19,40)
```
#c5152c
```
#c5152c rgb(197,21,44)
```
#d71730
```
#d71730 rgb(215,23,48)
```

Shade Color Variation

#e71b35
```
#e71b35 rgb(231,27,53)
```
#e92c45
```
#e92c45 rgb(233,44,69)
```
#ea3e54
```
#ea3e54 rgb(234,62,84)
```
#ec5064
```
#ec5064 rgb(236,80,100)
```
#ee6274
```
#ee6274 rgb(238,98,116)
```
#f07383
```
#f07383 rgb(240,115,131)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#f497a3
```
#f497a3 rgb(244,151,163)
```
#f6a8b2
```
#f6a8b2 rgb(246,168,178)
```
#f8bac2
```
#f8bac2 rgb(248,186,194)
```
#faccd2
```
#faccd2 rgb(250,204,210)
```
#fbdee1
```
#fbdee1 rgb(251,222,225)
```
#fdeff1
```
#fdeff1 rgb(253,239,241)
```

Tint Color Variation

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

#beb9ba
```
#beb9ba rgb(190,185,186)
```
#c3b4b6
```
#c3b4b6 rgb(195,180,182)
```
#c8afb2
```
#c8afb2 rgb(200,175,178)
```
#cea9ae
```
#cea9ae rgb(206,169,174)
```
#d3a4aa
```
#d3a4aa rgb(211,164,170)
```
#d89fa6
```
#d89fa6 rgb(216,159,166)
```
#dd9aa2
```
#dd9aa2 rgb(221,154,162)
```
#e2959f
```
#e2959f rgb(226,149,159)
```
#e88f9b
```
#e88f9b rgb(232,143,155)
```
#ed8a97
```
#ed8a97 rgb(237,138,151)
```
#f28593
```
#f28593 rgb(242,133,147)
```
#f7808f
```
#f7808f rgb(247,128,143)
```
#fc7b8b
```
#fc7b8b rgb(252,123,139)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b6a0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada9a7 Protanopia 1% of men
#c2a392 Deuteranopia 1% of men
#f28b95 Tritanopia 0.001% of the population

Trichromacy

#c69c9f Protanomaly 1% of men, 0.01% of women
#d39892 Deuteranomaly 6% of men, 0.4% of women
#f28994 Tritanomaly 0.01% of the population

#f28593 hex color

#f28593 Color Information

#f28593 Color Conversion

Color Schemes with #f28593

Alternatives to #f28593

#f28593 Preview

Shades and Tints of #f28593

Tones of #f28593

Color Blindness Simulator