#eca80f hex color

In a RGB color space, hex #eca80f is composed of 92.5% red, 65.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.8% magenta, 93.6% yellow and 7.5% black. It has a hue angle of 41.5 degrees, a saturation of 88% and a lightness of 49.2%. #eca80f color hex could be obtained by blending #ffff1e with #d95100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 93
- G 66
- B 6
RGB color chart
- C 0
- M 29
- Y 94
- K 7
CMYK color chart

● #eca80f color description : Vivid orange.

The hexadecimal color #eca80f has RGB values of R:236, G:168, B:15 and CMYK values of C:0, M:0.29, Y:0.94, K:0.07. Its decimal value is 15509519.

Hex triplet	eca80f	`#eca80f`
RGB Decimal	236, 168, 15	`rgb(236,168,15)`
RGB Percent	92.5, 65.9, 5.9	`rgb(92.5%,65.9%,5.9%)`
CMYK	0, 29, 94, 7
HSL	41.5°, 88, 49.2	`hsl(41.5,88%,49.2%)`
HSV (or HSB)	41.5°, 93.6, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.465, 14.425, 75.123
XYZ	48.682, 45.876, 6.743
xyY	0.481, 0.453, 45.876
CIE-LCH	73.465, 76.495, 79.13
CIE-LUV	73.465, 56.712, 73.584
Hunter-Lab	67.732, 9.767, 41.51
Binary	11101100, 10101000, 00001111

#eca80f
```
#eca80f rgb(236,168,15)
```
#0f53ec
```
#0f53ec rgb(15,83,236)
```

Complementary Color

#ec3a0f
```
#ec3a0f rgb(236,58,15)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#c2ec0f
```
#c2ec0f rgb(194,236,15)
```

Analogous Color

#3a0fec
```
#3a0fec rgb(58,15,236)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#0fc2ec
```
#0fc2ec rgb(15,194,236)
```

Split Complementary Color

#a80fec
```
#a80fec rgb(168,15,236)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#0feca8
```
#0feca8 rgb(15,236,168)
```

Triadic Color

#ec0f53
```
#ec0f53 rgb(236,15,83)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#0feca8
```
#0feca8 rgb(15,236,168)
```
#0f53ec
```
#0f53ec rgb(15,83,236)
```

Tetradic Color

#a4750a
```
#a4750a rgb(164,117,10)
```
#bc860c
```
#bc860c rgb(188,134,12)
```
#d4970d
```
#d4970d rgb(212,151,13)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#f1b223
```
#f1b223 rgb(241,178,35)
```
#f3ba3b
```
#f3ba3b rgb(243,186,59)
```
#f4c353
```
#f4c353 rgb(244,195,83)
```

Monochromatic Color

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

#ec710f
```
#ec710f rgb(236,113,15)
```
#ec830f
```
#ec830f rgb(236,131,15)
```
#ec960f
```
#ec960f rgb(236,150,15)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#ecba0f
```
#ecba0f rgb(236,186,15)
```
#eccd0f
```
#eccd0f rgb(236,205,15)
```
#ecdf0f
```
#ecdf0f rgb(236,223,15)
```

Similar Colors

Text with hexadecimal color #eca80f

This text has a font color of #eca80f.

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

#eca80f background color

This paragraph has a background color of #eca80f.

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

#eca80f border color

This element has a border color of #eca80f.

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

CSS codes

.text {color:#eca80f;}

.background {background-color:#eca80f;}

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

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

#0f0a01
```
#0f0a01 rgb(15,10,1)
```
#211802
```
#211802 rgb(33,24,2)
```
#342503
```
#342503 rgb(52,37,3)
```
#463204
```
#463204 rgb(70,50,4)
```
#583f06
```
#583f06 rgb(88,63,6)
```
#6b4c07
```
#6b4c07 rgb(107,76,7)
```
#7d5908
```
#7d5908 rgb(125,89,8)
```
#906609
```
#906609 rgb(144,102,9)
```
#a2730a
```
#a2730a rgb(162,115,10)
```
#b5810b
```
#b5810b rgb(181,129,11)
```
#c78e0d
```
#c78e0d rgb(199,142,13)
```
#da9b0e
```
#da9b0e rgb(218,155,14)
```
#eca80f
```
#eca80f rgb(236,168,15)
```

Shade Color Variation

#f1b01e
```
#f1b01e rgb(241,176,30)
```
#f2b630
```
#f2b630 rgb(242,182,48)
```
#f3bd43
```
#f3bd43 rgb(243,189,67)
```
#f4c355
```
#f4c355 rgb(244,195,85)
```
#f5ca68
```
#f5ca68 rgb(245,202,104)
```
#f7d07a
```
#f7d07a rgb(247,208,122)
```
#f8d78d
```
#f8d78d rgb(248,215,141)
```
#f9dd9f
```
#f9dd9f rgb(249,221,159)
```
#fae4b1
```
#fae4b1 rgb(250,228,177)
```
#fbeac4
```
#fbeac4 rgb(251,234,196)
```
#fcf1d6
```
#fcf1d6 rgb(252,241,214)
```
#fef7e9
```
#fef7e9 rgb(254,247,233)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#827f79
```
#827f79 rgb(130,127,121)
```
#8b8370
```
#8b8370 rgb(139,131,112)
```
#958766
```
#958766 rgb(149,135,102)
```
#9f8a5c
```
#9f8a5c rgb(159,138,92)
```
#a88e53
```
#a88e53 rgb(168,142,83)
```
#b29249
```
#b29249 rgb(178,146,73)
```
#bc953f
```
#bc953f rgb(188,149,63)
```
#c59936
```
#c59936 rgb(197,153,54)
```
#cf9d2c
```
#cf9d2c rgb(207,157,44)
```
#d9a122
```
#d9a122 rgb(217,161,34)
```
#e2a419
```
#e2a419 rgb(226,164,25)
```
#eca80f
```
#eca80f rgb(236,168,15)
```
#f6ac05
```
#f6ac05 rgb(246,172,5)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b8aa8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb81f Protanopia 1% of men
#e6af17 Deuteranopia 1% of men
#f4a1ac Tritanopia 0.001% of the population

Trichromacy

#d9b219 Protanomaly 1% of men, 0.01% of women
#e8ac14 Deuteranomaly 6% of men, 0.4% of women
#f1a373 Tritanomaly 0.01% of the population

#eca80f hex color

#eca80f Color Information

#eca80f Color Conversion

Color Schemes with #eca80f

Alternatives to #eca80f

#eca80f Preview

Shades and Tints of #eca80f

Tones of #eca80f

Color Blindness Simulator