#f28295 hex color

In a RGB color space, hex #f28295 is composed of 94.9% red, 51% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 38.4% yellow and 5.1% black. It has a hue angle of 349.8 degrees, a saturation of 81.2% and a lightness of 72.9%. #f28295 color hex could be obtained by blending #ffffff with #e5052b. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 51
- B 58
RGB color chart
- C 0
- M 46
- Y 38
- K 5
CMYK color chart

● #f28295 color description : Soft red.

The hexadecimal color #f28295 has RGB values of R:242, G:130, B:149 and CMYK values of C:0, M:0.46, Y:0.38, K:0.05. Its decimal value is 15893141.

Hex triplet	f28295	`#f28295`
RGB Decimal	242, 130, 149	`rgb(242,130,149)`
RGB Percent	94.9, 51, 58.4	`rgb(94.9%,51%,58.4%)`
CMYK	0, 46, 38, 5
HSL	349.8°, 81.2, 72.9	`hsl(349.8,81.2%,72.9%)`
HSV (or HSB)	349.8°, 46.3, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	67.289, 44.693, 9.337
XYZ	50.026, 37.016, 32.942
xyY	0.417, 0.309, 37.016
CIE-LCH	67.289, 45.658, 11.801
CIE-LUV	67.289, 75.545, 4.214
Hunter-Lab	60.841, 40.299, 10.486
Binary	11110010, 10000010, 10010101

#f28295
```
#f28295 rgb(242,130,149)
```
#82f2df
```
#82f2df rgb(130,242,223)
```

Complementary Color

#f282cd
```
#f282cd rgb(242,130,205)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#f2a782
```
#f2a782 rgb(242,167,130)
```

Analogous Color

#82cdf2
```
#82cdf2 rgb(130,205,242)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#82f2a7
```
#82f2a7 rgb(130,242,167)
```

Split Complementary Color

#8295f2
```
#8295f2 rgb(130,149,242)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#95f282
```
#95f282 rgb(149,242,130)
```

Triadic Color

#df82f2
```
#df82f2 rgb(223,130,242)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#95f282
```
#95f282 rgb(149,242,130)
```
#82f2df
```
#82f2df rgb(130,242,223)
```

Tetradic Color

#eb3d5a
```
#eb3d5a rgb(235,61,90)
```
#ed546e
```
#ed546e rgb(237,84,110)
```
#f06b81
```
#f06b81 rgb(240,107,129)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#f499a9
```
#f499a9 rgb(244,153,169)
```
#f7b0bc
```
#f7b0bc rgb(247,176,188)
```
#f9c7d0
```
#f9c7d0 rgb(249,199,208)
```

Monochromatic Color

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

#f282b1
```
#f282b1 rgb(242,130,177)
```
#f282a8
```
#f282a8 rgb(242,130,168)
```
#f2829e
```
#f2829e rgb(242,130,158)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#f2828c
```
#f2828c rgb(242,130,140)
```
#f28282
```
#f28282 rgb(242,130,130)
```
#f28b82
```
#f28b82 rgb(242,139,130)
```

Similar Colors

Text with hexadecimal color #f28295

This text has a font color of #f28295.

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

#f28295 background color

This paragraph has a background color of #f28295.

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

#f28295 border color

This element has a border color of #f28295.

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

CSS codes

.text {color:#f28295;}

.background {background-color:#f28295;}

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

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

#110204
```
#110204 rgb(17,2,4)
```
#230409
```
#230409 rgb(35,4,9)
```
#35050d
```
#35050d rgb(53,5,13)
```
#460712
```
#460712 rgb(70,7,18)
```
#580917
```
#580917 rgb(88,9,23)
```
#6a0b1b
```
#6a0b1b rgb(106,11,27)
```
#7c0d20
```
#7c0d20 rgb(124,13,32)
```
#8e0f24
```
#8e0f24 rgb(142,15,36)
```
#9f1129
```
#9f1129 rgb(159,17,41)
```
#b1122d
```
#b1122d rgb(177,18,45)
```
#c31432
```
#c31432 rgb(195,20,50)
```
#d51636
```
#d51636 rgb(213,22,54)
```
#e6183b
```
#e6183b rgb(230,24,59)
```

Shade Color Variation

#e9294a
```
#e9294a rgb(233,41,74)
```
#eb3b59
```
#eb3b59 rgb(235,59,89)
```
#ec4d68
```
#ec4d68 rgb(236,77,104)
```
#ee5e77
```
#ee5e77 rgb(238,94,119)
```
#f07086
```
#f07086 rgb(240,112,134)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#f494a4
```
#f494a4 rgb(244,148,164)
```
#f6a6b3
```
#f6a6b3 rgb(246,166,179)
```
#f8b7c2
```
#f8b7c2 rgb(248,183,194)
```
#f9c9d1
```
#f9c9d1 rgb(249,201,209)
```
#fbdbe0
```
#fbdbe0 rgb(251,219,224)
```
#fdedef
```
#fdedef rgb(253,237,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#bdb7b8
```
#bdb7b8 rgb(189,183,184)
```
#c2b2b5
```
#c2b2b5 rgb(194,178,181)
```
#c8acb1
```
#c8acb1 rgb(200,172,177)
```
#cda7ae
```
#cda7ae rgb(205,167,174)
```
#d2a2aa
```
#d2a2aa rgb(210,162,170)
```
#d79da7
```
#d79da7 rgb(215,157,167)
```
#dd97a3
```
#dd97a3 rgb(221,151,163)
```
#e292a0
```
#e292a0 rgb(226,146,160)
```
#e78d9c
```
#e78d9c rgb(231,141,156)
```
#ed8799
```
#ed8799 rgb(237,135,153)
```
#f28295
```
#f28295 rgb(242,130,149)
```
#f77d91
```
#f77d91 rgb(247,125,145)
```
#fd778e
```
#fd778e rgb(253,119,142)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b59fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa7a9 Protanopia 1% of men
#bfa293 Deuteranopia 1% of men
#f18992 Tritanopia 0.001% of the population

Trichromacy

#c499a2 Protanomaly 1% of men, 0.01% of women
#d29694 Deuteranomaly 6% of men, 0.4% of women
#f18693 Tritanomaly 0.01% of the population

#f28295 hex color

#f28295 Color Information

#f28295 Color Conversion

Color Schemes with #f28295

Alternatives to #f28295

#f28295 Preview

Shades and Tints of #f28295

Tones of #f28295

Color Blindness Simulator