#f28296 hex color

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

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

● #f28296 color description : Soft red.

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

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

CIE-LAB	67.313, 44.805, 8.807
XYZ	50.106, 37.048, 33.365
xyY	0.416, 0.307, 37.048
CIE-LCH	67.313, 45.662, 11.121
CIE-LUV	67.313, 75.325, 3.501
Hunter-Lab	60.867, 40.425, 10.107
Binary	11110010, 10000010, 10010110

#f28296
```
#f28296 rgb(242,130,150)
```
#82f2de
```
#82f2de rgb(130,242,222)
```

Complementary Color

#f282ce
```
#f282ce rgb(242,130,206)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f2a682
```
#f2a682 rgb(242,166,130)
```

Analogous Color

#82cef2
```
#82cef2 rgb(130,206,242)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#82f2a6
```
#82f2a6 rgb(130,242,166)
```

Split Complementary Color

#8296f2
```
#8296f2 rgb(130,150,242)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#96f282
```
#96f282 rgb(150,242,130)
```

Triadic Color

#de82f2
```
#de82f2 rgb(222,130,242)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#96f282
```
#96f282 rgb(150,242,130)
```
#82f2de
```
#82f2de rgb(130,242,222)
```

Tetradic Color

#eb3d5c
```
#eb3d5c rgb(235,61,92)
```
#ed546f
```
#ed546f rgb(237,84,111)
```
#f06b83
```
#f06b83 rgb(240,107,131)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f499a9
```
#f499a9 rgb(244,153,169)
```
#f7b0bd
```
#f7b0bd rgb(247,176,189)
```
#f9c7d0
```
#f9c7d0 rgb(249,199,208)
```

Monochromatic Color

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

#f282b2
```
#f282b2 rgb(242,130,178)
```
#f282a9
```
#f282a9 rgb(242,130,169)
```
#f2829f
```
#f2829f rgb(242,130,159)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f2828d
```
#f2828d rgb(242,130,141)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f28a82
```
#f28a82 rgb(242,138,130)
```

Similar Colors

Text with hexadecimal color #f28296

This text has a font color of #f28296.

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

#f28296 background color

This paragraph has a background color of #f28296.

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

#f28296 border color

This element has a border color of #f28296.

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

CSS codes

.text {color:#f28296;}

.background {background-color:#f28296;}

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

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

#110205
```
#110205 rgb(17,2,5)
```
#230409
```
#230409 rgb(35,4,9)
```
#35050e
```
#35050e rgb(53,5,14)
```
#460713
```
#460713 rgb(70,7,19)
```
#580917
```
#580917 rgb(88,9,23)
```
#6a0b1c
```
#6a0b1c rgb(106,11,28)
```
#7c0d21
```
#7c0d21 rgb(124,13,33)
```
#8e0f25
```
#8e0f25 rgb(142,15,37)
```
#9f112a
```
#9f112a rgb(159,17,42)
```
#b1122f
```
#b1122f rgb(177,18,47)
```
#c31433
```
#c31433 rgb(195,20,51)
```
#d51638
```
#d51638 rgb(213,22,56)
```
#e6183d
```
#e6183d rgb(230,24,61)
```

Shade Color Variation

#e9294b
```
#e9294b rgb(233,41,75)
```
#eb3b5a
```
#eb3b5a rgb(235,59,90)
```
#ec4d69
```
#ec4d69 rgb(236,77,105)
```
#ee5e78
```
#ee5e78 rgb(238,94,120)
```
#f07087
```
#f07087 rgb(240,112,135)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f494a5
```
#f494a5 rgb(244,148,165)
```
#f6a6b4
```
#f6a6b4 rgb(246,166,180)
```
#f8b7c3
```
#f8b7c3 rgb(248,183,195)
```
#f9c9d2
```
#f9c9d2 rgb(249,201,210)
```
#fbdbe1
```
#fbdbe1 rgb(251,219,225)
```
#fdedf0
```
#fdedf0 rgb(253,237,240)
```
#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 #fd778f 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)
```
#dd97a4
```
#dd97a4 rgb(221,151,164)
```
#e292a0
```
#e292a0 rgb(226,146,160)
```
#e78d9d
```
#e78d9d rgb(231,141,157)
```
#ed8799
```
#ed8799 rgb(237,135,153)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f77d93
```
#f77d93 rgb(247,125,147)
```
#fd778f
```
#fd778f rgb(253,119,143)
```

Tone Color Variation

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

#aaa7aa Protanopia 1% of men
#bfa294 Deuteranopia 1% of men
#f18993 Tritanopia 0.001% of the population

Trichromacy

#c49aa3 Protanomaly 1% of men, 0.01% of women
#d19695 Deuteranomaly 6% of men, 0.4% of women
#f18794 Tritanomaly 0.01% of the population

#f28296 hex color

#f28296 Color Information

#f28296 Color Conversion

Color Schemes with #f28296

Alternatives to #f28296

#f28296 Preview

Shades and Tints of #f28296

Tones of #f28296

Color Blindness Simulator