#eca42f hex color

In a RGB color space, hex #eca42f is composed of 92.5% red, 64.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.5% magenta, 80.1% yellow and 7.5% black. It has a hue angle of 37.1 degrees, a saturation of 83.3% and a lightness of 55.5%. #eca42f color hex could be obtained by blending #ffff5e with #d94900. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 93
- G 64
- B 18
RGB color chart
- C 0
- M 31
- Y 80
- K 7
CMYK color chart

● #eca42f color description : Bright orange.

The hexadecimal color #eca42f has RGB values of R:236, G:164, B:47 and CMYK values of C:0, M:0.31, Y:0.8, K:0.07. Its decimal value is 15508527.

Hex triplet	eca42f	`#eca42f`
RGB Decimal	236, 164, 47	`rgb(236,164,47)`
RGB Percent	92.5, 64.3, 18.4	`rgb(92.5%,64.3%,18.4%)`
CMYK	0, 31, 80, 7
HSL	37.1°, 83.3, 55.5	`hsl(37.1,83.3%,55.5%)`
HSV (or HSB)	37.1°, 80.1, 92.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	72.623, 17.231, 66.496
XYZ	48.382, 44.592, 8.748
xyY	0.476, 0.438, 44.592
CIE-LCH	72.623, 68.693, 75.472
CIE-LUV	72.623, 58.958, 67.447
Hunter-Lab	66.777, 12.467, 38.977
Binary	11101100, 10100100, 00101111

#eca42f
```
#eca42f rgb(236,164,47)
```
#2f77ec
```
#2f77ec rgb(47,119,236)
```

Complementary Color

#ec462f
```
#ec462f rgb(236,70,47)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#d6ec2f
```
#d6ec2f rgb(214,236,47)
```

Analogous Color

#452fec
```
#452fec rgb(69,47,236)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#2fd6ec
```
#2fd6ec rgb(47,214,236)
```

Split Complementary Color

#a42fec
```
#a42fec rgb(164,47,236)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#2feca4
```
#2feca4 rgb(47,236,164)
```

Triadic Color

#ec2f77
```
#ec2f77 rgb(236,47,119)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#2feca4
```
#2feca4 rgb(47,236,164)
```
#2f77ec
```
#2f77ec rgb(47,119,236)
```

Tetradic Color

#bd7c11
```
#bd7c11 rgb(189,124,17)
```
#d58b13
```
#d58b13 rgb(213,139,19)
```
#ea9a18
```
#ea9a18 rgb(234,154,24)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#eeae46
```
#eeae46 rgb(238,174,70)
```
#f0b85e
```
#f0b85e rgb(240,184,94)
```
#f2c375
```
#f2c375 rgb(242,195,117)
```

Monochromatic Color

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

#ec752f
```
#ec752f rgb(236,117,47)
```
#ec852f
```
#ec852f rgb(236,133,47)
```
#ec942f
```
#ec942f rgb(236,148,47)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#ecb42f
```
#ecb42f rgb(236,180,47)
```
#ecc42f
```
#ecc42f rgb(236,196,47)
```
#ecd32f
```
#ecd32f rgb(236,211,47)
```

Similar Colors

Text with hexadecimal color #eca42f

This text has a font color of #eca42f.

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

#eca42f background color

This paragraph has a background color of #eca42f.

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

#eca42f border color

This element has a border color of #eca42f.

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

CSS codes

.text {color:#eca42f;}

.background {background-color:#eca42f;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a1102
```
#1a1102 rgb(26,17,2)
```
#2c1d04
```
#2c1d04 rgb(44,29,4)
```
#3e2806
```
#3e2806 rgb(62,40,6)
```
#503407
```
#503407 rgb(80,52,7)
```
#624009
```
#624009 rgb(98,64,9)
```
#744c0b
```
#744c0b rgb(116,76,11)
```
#85570c
```
#85570c rgb(133,87,12)
```
#97630e
```
#97630e rgb(151,99,14)
```
#a96f0f
```
#a96f0f rgb(169,111,15)
```
#bb7b11
```
#bb7b11 rgb(187,123,17)
```
#cd8613
```
#cd8613 rgb(205,134,19)
```
#df9214
```
#df9214 rgb(223,146,20)
```

Shade Color Variation

#ea9c1d
```
#ea9c1d rgb(234,156,29)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#eeac41
```
#eeac41 rgb(238,172,65)
```
#efb453
```
#efb453 rgb(239,180,83)
```
#f1bc65
```
#f1bc65 rgb(241,188,101)
```
#f3c377
```
#f3c377 rgb(243,195,119)
```
#f4cb89
```
#f4cb89 rgb(244,203,137)
```
#f6d39b
```
#f6d39b rgb(246,211,155)
```
#f7dbad
```
#f7dbad rgb(247,219,173)
```
#f9e3bf
```
#f9e3bf rgb(249,227,191)
```
#fbebd1
```
#fbebd1 rgb(251,235,209)
```
#fcf3e3
```
#fcf3e3 rgb(252,243,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#958f86
```
#958f86 rgb(149,143,134)
```
#9d917e
```
#9d917e rgb(157,145,126)
```
#a69375
```
#a69375 rgb(166,147,117)
```
#af956c
```
#af956c rgb(175,149,108)
```
#b89863
```
#b89863 rgb(184,152,99)
```
#c09a5b
```
#c09a5b rgb(192,154,91)
```
#c99c52
```
#c99c52 rgb(201,156,82)
```
#d29e49
```
#d29e49 rgb(210,158,73)
```
#dba040
```
#dba040 rgb(219,160,64)
```
#e3a238
```
#e3a238 rgb(227,162,56)
```
#eca42f
```
#eca42f rgb(236,164,47)
```
#f5a626
```
#f5a626 rgb(245,166,38)
```
#fda81e
```
#fda81e rgb(253,168,30)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b9aa93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb63d Protanopia 1% of men
#e2ad37 Deuteranopia 1% of men
#f39ea9 Tritanopia 0.001% of the population

Trichromacy

#d7af38 Protanomaly 1% of men, 0.01% of women
#e5aa34 Deuteranomaly 6% of men, 0.4% of women
#f1a07c Tritanomaly 0.01% of the population

#eca42f hex color

#eca42f Color Information

#eca42f Color Conversion

Color Schemes with #eca42f

Alternatives to #eca42f

#eca42f Preview

Shades and Tints of #eca42f

Tones of #eca42f

Color Blindness Simulator