#e06a02 hex color

In a RGB color space, hex #e06a02 is composed of 87.8% red, 41.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.7% magenta, 99.1% yellow and 12.2% black. It has a hue angle of 28.1 degrees, a saturation of 98.2% and a lightness of 44.3%. #e06a02 color hex could be obtained by blending #ffd404 with #c10000. Closest websafe color is: #cc6600.

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

● #e06a02 color description : Vivid orange.

The hexadecimal color #e06a02 has RGB values of R:224, G:106, B:2 and CMYK values of C:0, M:0.53, Y:0.99, K:0.12. Its decimal value is 14707202.

Hex triplet	e06a02	`#e06a02`
RGB Decimal	224, 106, 2	`rgb(224,106,2)`
RGB Percent	87.8, 41.6, 0.8	`rgb(87.8%,41.6%,0.8%)`
CMYK	0, 53, 99, 12
HSL	28.1°, 98.2, 44.3	`hsl(28.1,98.2%,44.3%)`
HSV (or HSB)	28.1°, 99.1, 87.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.192, 41.659, 66.09
XYZ	35.907, 26.163, 3.217
xyY	0.55, 0.401, 26.163
CIE-LCH	58.192, 78.124, 57.775
CIE-LUV	58.192, 98.399, 52.393
Hunter-Lab	51.15, 35.793, 32.077
Binary	11100000, 01101010, 00000010

#e06a02
```
#e06a02 rgb(224,106,2)
```
#0278e0
```
#0278e0 rgb(2,120,224)
```

Complementary Color

#e00209
```
#e00209 rgb(224,2,9)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#e0d902
```
#e0d902 rgb(224,217,2)
```

Analogous Color

#0209e0
```
#0209e0 rgb(2,9,224)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#02e0d9
```
#02e0d9 rgb(2,224,217)
```

Split Complementary Color

#6a02e0
```
#6a02e0 rgb(106,2,224)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#02e06a
```
#02e06a rgb(2,224,106)
```

Triadic Color

#e00278
```
#e00278 rgb(224,2,120)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#02e06a
```
#02e06a rgb(2,224,106)
```
#0278e0
```
#0278e0 rgb(2,120,224)
```

Tetradic Color

#944601
```
#944601 rgb(148,70,1)
```
#ad5202
```
#ad5202 rgb(173,82,2)
```
#c75e02
```
#c75e02 rgb(199,94,2)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#f97602
```
#f97602 rgb(249,118,2)
```
#fd8318
```
#fd8318 rgb(253,131,24)
```
#fd9131
```
#fd9131 rgb(253,145,49)
```

Monochromatic Color

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

#e03302
```
#e03302 rgb(224,51,2)
```
#e04502
```
#e04502 rgb(224,69,2)
```
#e05802
```
#e05802 rgb(224,88,2)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#e07d02
```
#e07d02 rgb(224,125,2)
```
#e08f02
```
#e08f02 rgb(224,143,2)
```
#e0a202
```
#e0a202 rgb(224,162,2)
```

Similar Colors

Text with hexadecimal color #e06a02

This text has a font color of #e06a02.

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

#e06a02 background color

This paragraph has a background color of #e06a02.

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

#e06a02 border color

This element has a border color of #e06a02.

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

CSS codes

.text {color:#e06a02;}

.background {background-color:#e06a02;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e0e00
```
#1e0e00 rgb(30,14,0)
```
#311700
```
#311700 rgb(49,23,0)
```
#442001
```
#442001 rgb(68,32,1)
```
#582a01
```
#582a01 rgb(88,42,1)
```
#6b3301
```
#6b3301 rgb(107,51,1)
```
#7f3c01
```
#7f3c01 rgb(127,60,1)
```
#924501
```
#924501 rgb(146,69,1)
```
#a64e01
```
#a64e01 rgb(166,78,1)
```
#b95802
```
#b95802 rgb(185,88,2)
```
#cd6102
```
#cd6102 rgb(205,97,2)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```
#f37302
```
#f37302 rgb(243,115,2)
```

Shade Color Variation

#fd7d0c
```
#fd7d0c rgb(253,125,12)
```
#fd8720
```
#fd8720 rgb(253,135,32)
```
#fd9233
```
#fd9233 rgb(253,146,51)
```
#fd9c47
```
#fd9c47 rgb(253,156,71)
```
#fea75a
```
#fea75a rgb(254,167,90)
```
#feb16e
```
#feb16e rgb(254,177,110)
```
#febc81
```
#febc81 rgb(254,188,129)
```
#fec694
```
#fec694 rgb(254,198,148)
```
#fed0a8
```
#fed0a8 rgb(254,208,168)
```
#fedbbb
```
#fedbbb rgb(254,219,187)
```
#ffe5cf
```
#ffe5cf rgb(255,229,207)
```
#fff0e2
```
#fff0e2 rgb(255,240,226)
```
#fffaf6
```
#fffaf6 rgb(255,250,246)
```

Tint Color Variation

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

#78716a
```
#78716a rgb(120,113,106)
```
#807062
```
#807062 rgb(128,112,98)
```
#896f59
```
#896f59 rgb(137,111,89)
```
#926f50
```
#926f50 rgb(146,111,80)
```
#9a6e48
```
#9a6e48 rgb(154,110,72)
```
#a36e3f
```
#a36e3f rgb(163,110,63)
```
#ac6d36
```
#ac6d36 rgb(172,109,54)
```
#b56d2d
```
#b56d2d rgb(181,109,45)
```
#bd6c25
```
#bd6c25 rgb(189,108,37)
```
#c66c1c
```
#c66c1c rgb(198,108,28)
```
#cf6b13
```
#cf6b13 rgb(207,107,19)
```
#d76b0b
```
#d76b0b rgb(215,107,11)
```
#e06a02
```
#e06a02 rgb(224,106,2)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#947c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39219 Protanopia 1% of men
#b68a00 Deuteranopia 1% of men
#e46a70 Tritanopia 0.001% of the population

Trichromacy

#b98310 Protanomaly 1% of men, 0.01% of women
#c57e00 Deuteranomaly 6% of men, 0.4% of women
#e26a48 Tritanomaly 0.01% of the population

#e06a02 hex color

#e06a02 Color Information

#e06a02 Color Conversion

Color Schemes with #e06a02

Alternatives to #e06a02

#e06a02 Preview

Shades and Tints of #e06a02

Tones of #e06a02

Color Blindness Simulator