#f28283 hex color

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

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

● #f28283 color description : Soft red.

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

Hex triplet	f28283	`#f28283`
RGB Decimal	242, 130, 131	`rgb(242,130,131)`
RGB Percent	94.9, 51, 51.4	`rgb(94.9%,51%,51.4%)`
CMYK	0, 46, 46, 5
HSL	359.5°, 81.2, 72.9	`hsl(359.5,81.2%,72.9%)`
HSV (or HSB)	359.5°, 46.3, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	66.889, 42.814, 18.913
XYZ	48.698, 36.485, 25.949
xyY	0.438, 0.328, 36.485
CIE-LCH	66.889, 46.805, 23.833
CIE-LUV	66.889, 79.345, 16.506
Hunter-Lab	60.403, 38.206, 16.811
Binary	11110010, 10000010, 10000011

#f28283
```
#f28283 rgb(242,130,131)
```
#82f2f1
```
#82f2f1 rgb(130,242,241)
```

Complementary Color

#f282bb
```
#f282bb rgb(242,130,187)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f2b982
```
#f2b982 rgb(242,185,130)
```

Analogous Color

#82bbf2
```
#82bbf2 rgb(130,187,242)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#82f2b9
```
#82f2b9 rgb(130,242,185)
```

Split Complementary Color

#8283f2
```
#8283f2 rgb(130,131,242)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#83f282
```
#83f282 rgb(131,242,130)
```

Triadic Color

#f182f2
```
#f182f2 rgb(241,130,242)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#83f282
```
#83f282 rgb(131,242,130)
```
#82f2f1
```
#82f2f1 rgb(130,242,241)
```

Tetradic Color

#eb3d3e
```
#eb3d3e rgb(235,61,62)
```
#ed5455
```
#ed5455 rgb(237,84,85)
```
#f06b6c
```
#f06b6c rgb(240,107,108)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f4999a
```
#f4999a rgb(244,153,154)
```
#f7b0b1
```
#f7b0b1 rgb(247,176,177)
```
#f9c7c8
```
#f9c7c8 rgb(249,199,200)
```

Monochromatic Color

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

#f2829f
```
#f2829f rgb(242,130,159)
```
#f28296
```
#f28296 rgb(242,130,150)
```
#f2828c
```
#f2828c rgb(242,130,140)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f28a82
```
#f28a82 rgb(242,138,130)
```
#f29482
```
#f29482 rgb(242,148,130)
```
#f29d82
```
#f29d82 rgb(242,157,130)
```

Similar Colors

Text with hexadecimal color #f28283

This text has a font color of #f28283.

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

#f28283 background color

This paragraph has a background color of #f28283.

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

#f28283 border color

This element has a border color of #f28283.

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

CSS codes

.text {color:#f28283;}

.background {background-color:#f28283;}

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

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

#110202
```
#110202 rgb(17,2,2)
```
#230404
```
#230404 rgb(35,4,4)
```
#350506
```
#350506 rgb(53,5,6)
```
#460708
```
#460708 rgb(70,7,8)
```
#58090a
```
#58090a rgb(88,9,10)
```
#6a0b0c
```
#6a0b0c rgb(106,11,12)
```
#7c0d0e
```
#7c0d0e rgb(124,13,14)
```
#8e0f10
```
#8e0f10 rgb(142,15,16)
```
#9f1112
```
#9f1112 rgb(159,17,18)
```
#b11214
```
#b11214 rgb(177,18,20)
```
#c31416
```
#c31416 rgb(195,20,22)
```
#d51618
```
#d51618 rgb(213,22,24)
```
#e6181a
```
#e6181a rgb(230,24,26)
```

Shade Color Variation

#e9292b
```
#e9292b rgb(233,41,43)
```
#eb3b3c
```
#eb3b3c rgb(235,59,60)
```
#ec4d4e
```
#ec4d4e rgb(236,77,78)
```
#ee5e60
```
#ee5e60 rgb(238,94,96)
```
#f07071
```
#f07071 rgb(240,112,113)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f49495
```
#f49495 rgb(244,148,149)
```
#f6a6a6
```
#f6a6a6 rgb(246,166,166)
```
#f8b7b8
```
#f8b7b8 rgb(248,183,184)
```
#f9c9ca
```
#f9c9ca rgb(249,201,202)
```
#fbdbdb
```
#fbdbdb rgb(251,219,219)
```
#fdeded
```
#fdeded rgb(253,237,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#bdb7b7
```
#bdb7b7 rgb(189,183,183)
```
#c2b2b2
```
#c2b2b2 rgb(194,178,178)
```
#c8acad
```
#c8acad rgb(200,172,173)
```
#cda7a7
```
#cda7a7 rgb(205,167,167)
```
#d2a2a2
```
#d2a2a2 rgb(210,162,162)
```
#d79d9d
```
#d79d9d rgb(215,157,157)
```
#dd9798
```
#dd9798 rgb(221,151,152)
```
#e29293
```
#e29293 rgb(226,146,147)
```
#e78d8d
```
#e78d8d rgb(231,141,141)
```
#ed8788
```
#ed8788 rgb(237,135,136)
```
#f28283
```
#f28283 rgb(242,130,131)
```
#f77d7e
```
#f77d7e rgb(247,125,126)
```
#fd7779
```
#fd7779 rgb(253,119,121)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b49d9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea697 Protanopia 1% of men
#c3a183 Deuteranopia 1% of men
#f38790 Tritanopia 0.001% of the population

Trichromacy

#c6998f Protanomaly 1% of men, 0.01% of women
#d49583 Deuteranomaly 6% of men, 0.4% of women
#f2858b Tritanomaly 0.01% of the population

#f28283 hex color

#f28283 Color Information

#f28283 Color Conversion

Color Schemes with #f28283

Alternatives to #f28283

#f28283 Preview

Shades and Tints of #f28283

Tones of #f28283

Color Blindness Simulator