#f28474 hex color

In a RGB color space, hex #f28474 is composed of 94.9% red, 51.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 52.1% yellow and 5.1% black. It has a hue angle of 7.6 degrees, a saturation of 82.9% and a lightness of 70.2%. #f28474 color hex could be obtained by blending #ffffe8 with #e50900. Closest websafe color is: #ff9966.

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

● #f28474 color description : Soft red.

The hexadecimal color #f28474 has RGB values of R:242, G:132, B:116 and CMYK values of C:0, M:0.45, Y:0.52, K:0.05. Its decimal value is 15893620.

Hex triplet	f28474	`#f28474`
RGB Decimal	242, 132, 116	`rgb(242,132,116)`
RGB Percent	94.9, 51.8, 45.5	`rgb(94.9%,51.8%,45.5%)`
CMYK	0, 45, 52, 5
HSL	7.6°, 82.9, 70.2	`hsl(7.6,82.9%,70.2%)`
HSV (or HSB)	7.6°, 52.1, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	67.009, 40.435, 27.445
XYZ	48.023, 36.644, 21.066
xyY	0.454, 0.347, 36.644
CIE-LCH	67.009, 48.87, 34.166
CIE-LUV	67.009, 80.853, 26.734
Hunter-Lab	60.535, 35.67, 21.741
Binary	11110010, 10000100, 01110100

#f28474
```
#f28474 rgb(242,132,116)
```
#74e2f2
```
#74e2f2 rgb(116,226,242)
```

Complementary Color

#f274a3
```
#f274a3 rgb(242,116,163)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#f2c374
```
#f2c374 rgb(242,195,116)
```

Analogous Color

#74a3f2
```
#74a3f2 rgb(116,163,242)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#74f2c3
```
#74f2c3 rgb(116,242,195)
```

Split Complementary Color

#8474f2
```
#8474f2 rgb(132,116,242)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#74f284
```
#74f284 rgb(116,242,132)
```

Triadic Color

#f274e2
```
#f274e2 rgb(242,116,226)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#74f284
```
#74f284 rgb(116,242,132)
```
#74e2f2
```
#74e2f2 rgb(116,226,242)
```

Tetradic Color

#eb462e
```
#eb462e rgb(235,70,46)
```
#ee5b45
```
#ee5b45 rgb(238,91,69)
```
#f06f5d
```
#f06f5d rgb(240,111,93)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#f4998b
```
#f4998b rgb(244,153,139)
```
#f6ada3
```
#f6ada3 rgb(246,173,163)
```
#f9c2ba
```
#f9c2ba rgb(249,194,186)
```

Monochromatic Color

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

#f27484
```
#f27484 rgb(242,116,132)
```
#f27479
```
#f27479 rgb(242,116,121)
```
#f27a74
```
#f27a74 rgb(242,122,116)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#f28f74
```
#f28f74 rgb(242,143,116)
```
#f29974
```
#f29974 rgb(242,153,116)
```
#f2a474
```
#f2a474 rgb(242,164,116)
```

Similar Colors

Text with hexadecimal color #f28474

This text has a font color of #f28474.

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

#f28474 background color

This paragraph has a background color of #f28474.

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

#f28474 border color

This element has a border color of #f28474.

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

CSS codes

.text {color:#f28474;}

.background {background-color:#f28474;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#160502
```
#160502 rgb(22,5,2)
```
#280804
```
#280804 rgb(40,8,4)
```
#3a0c05
```
#3a0c05 rgb(58,12,5)
```
#4c1007
```
#4c1007 rgb(76,16,7)
```
#5e1409
```
#5e1409 rgb(94,20,9)
```
#70170a
```
#70170a rgb(112,23,10)
```
#821b0c
```
#821b0c rgb(130,27,12)
```
#941f0e
```
#941f0e rgb(148,31,14)
```
#a62310
```
#a62310 rgb(166,35,16)
```
#b82611
```
#b82611 rgb(184,38,17)
```
#ca2a13
```
#ca2a13 rgb(202,42,19)
```
#dc2e15
```
#dc2e15 rgb(220,46,21)
```

Shade Color Variation

#ea351a
```
#ea351a rgb(234,53,26)
```
#eb452c
```
#eb452c rgb(235,69,44)
```
#ed543e
```
#ed543e rgb(237,84,62)
```
#ef6450
```
#ef6450 rgb(239,100,80)
```
#f07462
```
#f07462 rgb(240,116,98)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#f49486
```
#f49486 rgb(244,148,134)
```
#f5a498
```
#f5a498 rgb(245,164,152)
```
#f7b4aa
```
#f7b4aa rgb(247,180,170)
```
#f9c3bc
```
#f9c3bc rgb(249,195,188)
```
#fad3ce
```
#fad3ce rgb(250,211,206)
```
#fce3e0
```
#fce3e0 rgb(252,227,224)
```
#fef3f2
```
#fef3f2 rgb(254,243,242)
```

Tint Color Variation

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

#b8b0ae
```
#b8b0ae rgb(184,176,174)
```
#bdaba9
```
#bdaba9 rgb(189,171,169)
```
#c3a7a3
```
#c3a7a3 rgb(195,167,163)
```
#c9a39d
```
#c9a39d rgb(201,163,157)
```
#cf9e97
```
#cf9e97 rgb(207,158,151)
```
#d59a91
```
#d59a91 rgb(213,154,145)
```
#db958b
```
#db958b rgb(219,149,139)
```
#e09186
```
#e09186 rgb(224,145,134)
```
#e68d80
```
#e68d80 rgb(230,141,128)
```
#ec887a
```
#ec887a rgb(236,136,122)
```
#f28474
```
#f28474 rgb(242,132,116)
```
#f8806e
```
#f8806e rgb(248,128,110)
```
#fe7b68
```
#fe7b68 rgb(254,123,104)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b39d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a787 Protanopia 1% of men
#c7a175 Deuteranopia 1% of men
#f48790 Tritanopia 0.001% of the population

Trichromacy

#c99a80 Protanomaly 1% of men, 0.01% of women
#d69674 Deuteranomaly 6% of men, 0.4% of women
#f38685 Tritanomaly 0.01% of the population

#f28474 hex color

#f28474 Color Information

#f28474 Color Conversion

Color Schemes with #f28474

Alternatives to #f28474

#f28474 Preview

Shades and Tints of #f28474

Tones of #f28474

Color Blindness Simulator