#ecb949 hex color

In a RGB color space, hex #ecb949 is composed of 92.5% red, 72.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.6% magenta, 69.1% yellow and 7.5% black. It has a hue angle of 41.2 degrees, a saturation of 81.1% and a lightness of 60.6%. #ecb949 color hex could be obtained by blending #ffff92 with #d97300. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 73
- B 29
RGB color chart
- C 0
- M 22
- Y 69
- K 7
CMYK color chart

● #ecb949 color description : Soft orange.

The hexadecimal color #ecb949 has RGB values of R:236, G:185, B:73 and CMYK values of C:0, M:0.22, Y:0.69, K:0.07. Its decimal value is 15513929.

Hex triplet	ecb949	`#ecb949`
RGB Decimal	236, 185, 73	`rgb(236,185,73)`
RGB Percent	92.5, 72.5, 28.6	`rgb(92.5%,72.5%,28.6%)`
CMYK	0, 22, 69, 7
HSL	41.2°, 81.1, 60.6	`hsl(41.2,81.1%,60.6%)`
HSV (or HSB)	41.2°, 69.1, 92.5
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	77.883, 7.247, 61.56
XYZ	53.144, 53.014, 13.737
xyY	0.443, 0.442, 53.014
CIE-LCH	77.883, 61.985, 83.286
CIE-LUV	77.883, 41.64, 68.873
Hunter-Lab	72.811, 2.867, 39.782
Binary	11101100, 10111001, 01001001

#ecb949
```
#ecb949 rgb(236,185,73)
```
#497cec
```
#497cec rgb(73,124,236)
```

Complementary Color

#ec6849
```
#ec6849 rgb(236,104,73)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#ceec49
```
#ceec49 rgb(206,236,73)
```

Analogous Color

#6849ec
```
#6849ec rgb(104,73,236)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#49ceec
```
#49ceec rgb(73,206,236)
```

Split Complementary Color

#b949ec
```
#b949ec rgb(185,73,236)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#49ecb9
```
#49ecb9 rgb(73,236,185)
```

Triadic Color

#ec497c
```
#ec497c rgb(236,73,124)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#49ecb9
```
#49ecb9 rgb(73,236,185)
```
#497cec
```
#497cec rgb(73,124,236)
```

Tetradic Color

#d39816
```
#d39816 rgb(211,152,22)
```
#e7a71b
```
#e7a71b rgb(231,167,27)
```
#eab032
```
#eab032 rgb(234,176,50)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#eec260
```
#eec260 rgb(238,194,96)
```
#f1cb77
```
#f1cb77 rgb(241,203,119)
```
#f3d48e
```
#f3d48e rgb(243,212,142)
```

Monochromatic Color

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

#ec9049
```
#ec9049 rgb(236,144,73)
```
#ec9e49
```
#ec9e49 rgb(236,158,73)
```
#ecab49
```
#ecab49 rgb(236,171,73)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#ecc749
```
#ecc749 rgb(236,199,73)
```
#ecd449
```
#ecd449 rgb(236,212,73)
```
#ece249
```
#ece249 rgb(236,226,73)
```

Similar Colors

Text with hexadecimal color #ecb949

This text has a font color of #ecb949.

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

#ecb949 background color

This paragraph has a background color of #ecb949.

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

#ecb949 border color

This element has a border color of #ecb949.

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

CSS codes

.text {color:#ecb949;}

.background {background-color:#ecb949;}

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

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

#0d0a01
```
#0d0a01 rgb(13,10,1)
```
#1f1603
```
#1f1603 rgb(31,22,3)
```
#312305
```
#312305 rgb(49,35,5)
```
#433007
```
#433007 rgb(67,48,7)
```
#543d09
```
#543d09 rgb(84,61,9)
```
#664a0b
```
#664a0b rgb(102,74,11)
```
#78560d
```
#78560d rgb(120,86,13)
```
#8a630e
```
#8a630e rgb(138,99,14)
```
#9b7010
```
#9b7010 rgb(155,112,16)
```
#ad7d12
```
#ad7d12 rgb(173,125,18)
```
#bf8914
```
#bf8914 rgb(191,137,20)
```
#d19616
```
#d19616 rgb(209,150,22)
```
#e3a318
```
#e3a318 rgb(227,163,24)
```

Shade Color Variation

#e8ab25
```
#e8ab25 rgb(232,171,37)
```
#eab237
```
#eab237 rgb(234,178,55)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#eec05b
```
#eec05b rgb(238,192,91)
```
#f0c76d
```
#f0c76d rgb(240,199,109)
```
#f2cd7e
```
#f2cd7e rgb(242,205,126)
```
#f3d490
```
#f3d490 rgb(243,212,144)
```
#f5dba2
```
#f5dba2 rgb(245,219,162)
```
#f7e2b4
```
#f7e2b4 rgb(247,226,180)
```
#f9e9c5
```
#f9e9c5 rgb(249,233,197)
```
#fbf0d7
```
#fbf0d7 rgb(251,240,215)
```
#fdf6e9
```
#fdf6e9 rgb(253,246,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#9f9c96
```
#9f9c96 rgb(159,156,150)
```
#a69f8f
```
#a69f8f rgb(166,159,143)
```
#aea287
```
#aea287 rgb(174,162,135)
```
#b6a57f
```
#b6a57f rgb(182,165,127)
```
#bea877
```
#bea877 rgb(190,168,119)
```
#c5ab70
```
#c5ab70 rgb(197,171,112)
```
#cdad68
```
#cdad68 rgb(205,173,104)
```
#d5b060
```
#d5b060 rgb(213,176,96)
```
#ddb358
```
#ddb358 rgb(221,179,88)
```
#e4b651
```
#e4b651 rgb(228,182,81)
```
#ecb949
```
#ecb949 rgb(236,185,73)
```
#f4bc41
```
#f4bc41 rgb(244,188,65)
```
#fbbf3a
```
#fbbf3a rgb(251,191,58)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c5bba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c454 Protanopia 1% of men
#f1ba53 Deuteranopia 1% of men
#f5b1bd Tritanopia 0.001% of the population

Trichromacy

#e0c050 Protanomaly 1% of men, 0.01% of women
#efba4f Deuteranomaly 6% of men, 0.4% of women
#f2b493 Tritanomaly 0.01% of the population

#ecb949 hex color

#ecb949 Color Information

#ecb949 Color Conversion

Color Schemes with #ecb949

Alternatives to #ecb949

#ecb949 Preview

Shades and Tints of #ecb949

Tones of #ecb949

Color Blindness Simulator