#e06a54 hex color

In a RGB color space, hex #e06a54 is composed of 87.8% red, 41.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 62.5% yellow and 12.2% black. It has a hue angle of 9.4 degrees, a saturation of 69.3% and a lightness of 60.4%. #e06a54 color hex could be obtained by blending #ffd4a8 with #c10000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 88
- G 42
- B 33
RGB color chart
- C 0
- M 53
- Y 63
- K 12
CMYK color chart

● #e06a54 color description : Soft red.

The hexadecimal color #e06a54 has RGB values of R:224, G:106, B:84 and CMYK values of C:0, M:0.53, Y:0.63, K:0.12. Its decimal value is 14707284.

Hex triplet	e06a54	`#e06a54`
RGB Decimal	224, 106, 84	`rgb(224,106,84)`
RGB Percent	87.8, 41.6, 32.9	`rgb(87.8%,41.6%,32.9%)`
CMYK	0, 53, 63, 12
HSL	9.4°, 69.3, 60.4	`hsl(9.4,69.3%,60.4%)`
HSV (or HSB)	9.4°, 62.5, 87.8
Web Safe	cc6666	`#cc6666`

CIE-LAB	58.788, 44.346, 34.173
XYZ	37.496, 26.799, 11.585
xyY	0.494, 0.353, 26.799
CIE-LCH	58.788, 55.985, 37.618
CIE-LUV	58.788, 90.505, 30.762
Hunter-Lab	51.768, 38.696, 22.969
Binary	11100000, 01101010, 01010100

#e06a54
```
#e06a54 rgb(224,106,84)
```
#54cae0
```
#54cae0 rgb(84,202,224)
```

Complementary Color

#e05484
```
#e05484 rgb(224,84,132)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#e0b054
```
#e0b054 rgb(224,176,84)
```

Analogous Color

#5484e0
```
#5484e0 rgb(84,132,224)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#54e0b0
```
#54e0b0 rgb(84,224,176)
```

Split Complementary Color

#6a54e0
```
#6a54e0 rgb(106,84,224)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#54e06a
```
#54e06a rgb(84,224,106)
```

Triadic Color

#e054ca
```
#e054ca rgb(224,84,202)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#54e06a
```
#54e06a rgb(84,224,106)
```
#54cae0
```
#54cae0 rgb(84,202,224)
```

Tetradic Color

#c43d24
```
#c43d24 rgb(196,61,36)
```
#d84429
```
#d84429 rgb(216,68,41)
```
#dc573e
```
#dc573e rgb(220,87,62)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#e47d6a
```
#e47d6a rgb(228,125,106)
```
#e8907f
```
#e8907f rgb(232,144,127)
```
#eca295
```
#eca295 rgb(236,162,149)
```

Monochromatic Color

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

#e05461
```
#e05461 rgb(224,84,97)
```
#e05455
```
#e05455 rgb(224,84,85)
```
#e05e54
```
#e05e54 rgb(224,94,84)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#e07654
```
#e07654 rgb(224,118,84)
```
#e08154
```
#e08154 rgb(224,129,84)
```
#e08d54
```
#e08d54 rgb(224,141,84)
```

Similar Colors

Text with hexadecimal color #e06a54

This text has a font color of #e06a54.

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

#e06a54 background color

This paragraph has a background color of #e06a54.

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

#e06a54 border color

This element has a border color of #e06a54.

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

CSS codes

.text {color:#e06a54;}

.background {background-color:#e06a54;}

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

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, #0c0402 is the darkest color, while #fefbfa is the lightest one.

#0c0402
```
#0c0402 rgb(12,4,2)
```
#1c0905
```
#1c0905 rgb(28,9,5)
```
#2d0e08
```
#2d0e08 rgb(45,14,8)
```
#3d130b
```
#3d130b rgb(61,19,11)
```
#4e180e
```
#4e180e rgb(78,24,14)
```
#5f1d11
```
#5f1d11 rgb(95,29,17)
```
#6f2214
```
#6f2214 rgb(111,34,20)
```
#802817
```
#802817 rgb(128,40,23)
```
#902d1a
```
#902d1a rgb(144,45,26)
```
#a1321d
```
#a1321d rgb(161,50,29)
```
#b23720
```
#b23720 rgb(178,55,32)
```
#c23c23
```
#c23c23 rgb(194,60,35)
```
#d34126
```
#d34126 rgb(211,65,38)
```

Shade Color Variation

#da4d33
```
#da4d33 rgb(218,77,51)
```
#dd5c43
```
#dd5c43 rgb(221,92,67)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#e37865
```
#e37865 rgb(227,120,101)
```
#e68775
```
#e68775 rgb(230,135,117)
```
#e99586
```
#e99586 rgb(233,149,134)
```
#eca496
```
#eca496 rgb(236,164,150)
```
#efb2a7
```
#efb2a7 rgb(239,178,167)
```
#f2c1b8
```
#f2c1b8 rgb(242,193,184)
```
#f5cfc8
```
#f5cfc8 rgb(245,207,200)
```
#f8ded9
```
#f8ded9 rgb(248,222,217)
```
#fbece9
```
#fbece9 rgb(251,236,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#9a9a9a
```
#9a9a9a rgb(154,154,154)
```
#a29592
```
#a29592 rgb(162,149,146)
```
#aa8f8a
```
#aa8f8a rgb(170,143,138)
```
#b18a83
```
#b18a83 rgb(177,138,131)
```
#b9857b
```
#b9857b rgb(185,133,123)
```
#c17f73
```
#c17f73 rgb(193,127,115)
```
#c97a6b
```
#c97a6b rgb(201,122,107)
```
#d07564
```
#d07564 rgb(208,117,100)
```
#d86f5c
```
#d86f5c rgb(216,111,92)
```
#e06a54
```
#e06a54 rgb(224,106,84)
```
#e8654c
```
#e8654c rgb(232,101,76)
```
#f05f44
```
#f05f44 rgb(240,95,68)
```
#f75a3d
```
#f75a3d rgb(247,90,61)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9c8480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9368 Protanopia 1% of men
#b28c56 Deuteranopia 1% of men
#e36e75 Tritanopia 0.001% of the population

Trichromacy

#b68461 Protanomaly 1% of men, 0.01% of women
#c28055 Deuteranomaly 6% of men, 0.4% of women
#e16c69 Tritanomaly 0.01% of the population

#e06a54 hex color

#e06a54 Color Information

#e06a54 Color Conversion

Color Schemes with #e06a54

Alternatives to #e06a54

#e06a54 Preview

Shades and Tints of #e06a54

Tones of #e06a54

Color Blindness Simulator