#e06a45 hex color

In a RGB color space, hex #e06a45 is composed of 87.8% red, 41.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 69.2% yellow and 12.2% black. It has a hue angle of 14.3 degrees, a saturation of 71.4% and a lightness of 57.5%. #e06a45 color hex could be obtained by blending #ffd48a with #c10000. Closest websafe color is: #cc6633.

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

● #e06a45 color description : Soft red.

The hexadecimal color #e06a45 has RGB values of R:224, G:106, B:69 and CMYK values of C:0, M:0.53, Y:0.69, K:0.12. Its decimal value is 14707269.

Hex triplet	e06a45	`#e06a45`
RGB Decimal	224, 106, 69	`rgb(224,106,69)`
RGB Percent	87.8, 41.6, 27.1	`rgb(87.8%,41.6%,27.1%)`
CMYK	0, 53, 69, 12
HSL	14.3°, 71.4, 57.5	`hsl(14.3,71.4%,57.5%)`
HSV (or HSB)	14.3°, 69.2, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.592, 43.469, 42.085
XYZ	36.97, 26.589, 8.815
xyY	0.511, 0.367, 26.589
CIE-LCH	58.592, 60.504, 44.074
CIE-LUV	58.592, 92.985, 37.589
Hunter-Lab	51.564, 37.742, 25.959
Binary	11100000, 01101010, 01000101

#e06a45
```
#e06a45 rgb(224,106,69)
```
#45bbe0
```
#45bbe0 rgb(69,187,224)
```

Complementary Color

#e0456e
```
#e0456e rgb(224,69,110)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#e0b845
```
#e0b845 rgb(224,184,69)
```

Analogous Color

#456ee0
```
#456ee0 rgb(69,110,224)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#45e0b8
```
#45e0b8 rgb(69,224,184)
```

Split Complementary Color

#6a45e0
```
#6a45e0 rgb(106,69,224)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#45e06a
```
#45e06a rgb(69,224,106)
```

Triadic Color

#e045bb
```
#e045bb rgb(224,69,187)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#45e06a
```
#45e06a rgb(69,224,106)
```
#45bbe0
```
#45bbe0 rgb(69,187,224)
```

Tetradic Color

#ba441f
```
#ba441f rgb(186,68,31)
```
#cf4c23
```
#cf4c23 rgb(207,76,35)
```
#dc582f
```
#dc582f rgb(220,88,47)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#e47c5b
```
#e47c5b rgb(228,124,91)
```
#e78d71
```
#e78d71 rgb(231,141,113)
```
#eb9f87
```
#eb9f87 rgb(235,159,135)
```

Monochromatic Color

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

#e04547
```
#e04547 rgb(224,69,71)
```
#e05045
```
#e05045 rgb(224,80,69)
```
#e05d45
```
#e05d45 rgb(224,93,69)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#e07745
```
#e07745 rgb(224,119,69)
```
#e08445
```
#e08445 rgb(224,132,69)
```
#e09145
```
#e09145 rgb(224,145,69)
```

Similar Colors

Text with hexadecimal color #e06a45

This text has a font color of #e06a45.

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

#e06a45 background color

This paragraph has a background color of #e06a45.

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

#e06a45 border color

This element has a border color of #e06a45.

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

CSS codes

.text {color:#e06a45;}

.background {background-color:#e06a45;}

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

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

#100603
```
#100603 rgb(16,6,3)
```
#210c05
```
#210c05 rgb(33,12,5)
```
#311208
```
#311208 rgb(49,18,8)
```
#42180b
```
#42180b rgb(66,24,11)
```
#531e0e
```
#531e0e rgb(83,30,14)
```
#642411
```
#642411 rgb(100,36,17)
```
#752b13
```
#752b13 rgb(117,43,19)
```
#853116
```
#853116 rgb(133,49,22)
```
#963719
```
#963719 rgb(150,55,25)
```
#a73d1c
```
#a73d1c rgb(167,61,28)
```
#b8431f
```
#b8431f rgb(184,67,31)
```
#c94921
```
#c94921 rgb(201,73,33)
```
#da5024
```
#da5024 rgb(218,80,36)
```

Shade Color Variation

#dd5d34
```
#dd5d34 rgb(221,93,52)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#e37756
```
#e37756 rgb(227,119,86)
```
#e68567
```
#e68567 rgb(230,133,103)
```
#e89277
```
#e89277 rgb(232,146,119)
```
#eba088
```
#eba088 rgb(235,160,136)
```
#eead99
```
#eead99 rgb(238,173,153)
```
#f1bbaa
```
#f1bbaa rgb(241,187,170)
```
#f4c8bb
```
#f4c8bb rgb(244,200,187)
```
#f6d6cc
```
#f6d6cc rgb(246,214,204)
```
#f9e3dc
```
#f9e3dc rgb(249,227,220)
```
#fcf1ed
```
#fcf1ed rgb(252,241,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#959190
```
#959190 rgb(149,145,144)
```
#9d8d88
```
#9d8d88 rgb(157,141,136)
```
#a6897f
```
#a6897f rgb(166,137,127)
```
#ae8477
```
#ae8477 rgb(174,132,119)
```
#b6806f
```
#b6806f rgb(182,128,111)
```
#bf7b66
```
#bf7b66 rgb(191,123,102)
```
#c7775e
```
#c7775e rgb(199,119,94)
```
#cf7356
```
#cf7356 rgb(207,115,86)
```
#d86e4d
```
#d86e4d rgb(216,110,77)
```
#e06a45
```
#e06a45 rgb(224,106,69)
```
#e8663d
```
#e8663d rgb(232,102,61)
```
#f16134
```
#f16134 rgb(241,97,52)
```
#f95d2c
```
#f95d2c rgb(249,93,44)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9a837b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09259 Protanopia 1% of men
#b38c47 Deuteranopia 1% of men
#e36d73 Tritanopia 0.001% of the population

Trichromacy

#b78451 Protanomaly 1% of men, 0.01% of women
#c37f46 Deuteranomaly 6% of men, 0.4% of women
#e26b62 Tritanomaly 0.01% of the population

#e06a45 hex color

#e06a45 Color Information

#e06a45 Color Conversion

Color Schemes with #e06a45

Alternatives to #e06a45

#e06a45 Preview

Shades and Tints of #e06a45

Tones of #e06a45

Color Blindness Simulator