#e06a30 hex color

In a RGB color space, hex #e06a30 is composed of 87.8% red, 41.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 78.6% yellow and 12.2% black. It has a hue angle of 19.8 degrees, a saturation of 73.9% and a lightness of 53.3%. #e06a30 color hex could be obtained by blending #ffd460 with #c10000. Closest websafe color is: #cc6633.

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

● #e06a30 color description : Bright orange.

The hexadecimal color #e06a30 has RGB values of R:224, G:106, B:48 and CMYK values of C:0, M:0.53, Y:0.79, K:0.12. Its decimal value is 14707248.

Hex triplet	e06a30	`#e06a30`
RGB Decimal	224, 106, 48	`rgb(224,106,48)`
RGB Percent	87.8, 41.6, 18.8	`rgb(87.8%,41.6%,18.8%)`
CMYK	0, 53, 79, 12
HSL	19.8°, 73.9, 53.3	`hsl(19.8,73.9%,53.3%)`
HSV (or HSB)	19.8°, 78.6, 87.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.389, 42.555, 52.284
XYZ	36.429, 26.372, 5.968
xyY	0.53, 0.383, 26.372
CIE-LCH	58.389, 67.413, 50.857
CIE-LUV	58.389, 95.668, 44.94
Hunter-Lab	51.354, 36.755, 29.057
Binary	11100000, 01101010, 00110000

#e06a30
```
#e06a30 rgb(224,106,48)
```
#30a6e0
```
#30a6e0 rgb(48,166,224)
```

Complementary Color

#e0304e
```
#e0304e rgb(224,48,78)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#e0c230
```
#e0c230 rgb(224,194,48)
```

Analogous Color

#304ee0
```
#304ee0 rgb(48,78,224)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#30e0c2
```
#30e0c2 rgb(48,224,194)
```

Split Complementary Color

#6a30e0
```
#6a30e0 rgb(106,48,224)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#30e06a
```
#30e06a rgb(48,224,106)
```

Triadic Color

#e030a6
```
#e030a6 rgb(224,48,166)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#30e06a
```
#30e06a rgb(48,224,106)
```
#30a6e0
```
#30a6e0 rgb(48,166,224)
```

Tetradic Color

#aa4919
```
#aa4919 rgb(170,73,25)
```
#c0531d
```
#c0531d rgb(192,83,29)
```
#d65c20
```
#d65c20 rgb(214,92,32)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#e37a46
```
#e37a46 rgb(227,122,70)
```
#e78a5c
```
#e78a5c rgb(231,138,92)
```
#ea9a73
```
#ea9a73 rgb(234,154,115)
```

Monochromatic Color

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

#e03e30
```
#e03e30 rgb(224,62,48)
```
#e04d30
```
#e04d30 rgb(224,77,48)
```
#e05b30
```
#e05b30 rgb(224,91,48)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#e07930
```
#e07930 rgb(224,121,48)
```
#e08730
```
#e08730 rgb(224,135,48)
```
#e09630
```
#e09630 rgb(224,150,48)
```

Similar Colors

Text with hexadecimal color #e06a30

This text has a font color of #e06a30.

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

#e06a30 background color

This paragraph has a background color of #e06a30.

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

#e06a30 border color

This element has a border color of #e06a30.

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

CSS codes

.text {color:#e06a30;}

.background {background-color:#e06a30;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200e05
```
#200e05 rgb(32,14,5)
```
#311507
```
#311507 rgb(49,21,7)
```
#421c0a
```
#421c0a rgb(66,28,10)
```
#53240c
```
#53240c rgb(83,36,12)
```
#642b0f
```
#642b0f rgb(100,43,15)
```
#753212
```
#753212 rgb(117,50,18)
```
#863a14
```
#863a14 rgb(134,58,20)
```
#974117
```
#974117 rgb(151,65,23)
```
#a84819
```
#a84819 rgb(168,72,25)
```
#b9501c
```
#b9501c rgb(185,80,28)
```
#ca571e
```
#ca571e rgb(202,87,30)
```
#dc5e21
```
#dc5e21 rgb(220,94,33)
```

Shade Color Variation

#e06a30
```
#e06a30 rgb(224,106,48)
```
#e37641
```
#e37641 rgb(227,118,65)
```
#e58352
```
#e58352 rgb(229,131,82)
```
#e88f63
```
#e88f63 rgb(232,143,99)
```
#ea9b74
```
#ea9b74 rgb(234,155,116)
```
#eda785
```
#eda785 rgb(237,167,133)
```
#efb496
```
#efb496 rgb(239,180,150)
```
#f2c0a7
```
#f2c0a7 rgb(242,192,167)
```
#f4ccb8
```
#f4ccb8 rgb(244,204,184)
```
#f7d9ca
```
#f7d9ca rgb(247,217,202)
```
#fae5db
```
#fae5db rgb(250,229,219)
```
#fcf1ec
```
#fcf1ec rgb(252,241,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#8e8682
```
#8e8682 rgb(142,134,130)
```
#978379
```
#978379 rgb(151,131,121)
```
#a08070
```
#a08070 rgb(160,128,112)
```
#a97d67
```
#a97d67 rgb(169,125,103)
```
#b27a5e
```
#b27a5e rgb(178,122,94)
```
#bb7655
```
#bb7655 rgb(187,118,85)
```
#c5734b
```
#c5734b rgb(197,115,75)
```
#ce7042
```
#ce7042 rgb(206,112,66)
```
#d76d39
```
#d76d39 rgb(215,109,57)
```
#e06a30
```
#e06a30 rgb(224,106,48)
```
#e96727
```
#e96727 rgb(233,103,39)
```
#f2641e
```
#f2641e rgb(242,100,30)
```
#fb6115
```
#fb6115 rgb(251,97,21)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#998176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19243 Protanopia 1% of men
#b58b31 Deuteranopia 1% of men
#e46b72 Tritanopia 0.001% of the population

Trichromacy

#b8833c Protanomaly 1% of men, 0.01% of women
#c57f31 Deuteranomaly 6% of men, 0.4% of women
#e26b5a Tritanomaly 0.01% of the population

#e06a30 hex color

#e06a30 Color Information

#e06a30 Color Conversion

Color Schemes with #e06a30

Alternatives to #e06a30

#e06a30 Preview

Shades and Tints of #e06a30

Tones of #e06a30

Color Blindness Simulator