#ecb16f hex color

In a RGB color space, hex #ecb16f is composed of 92.5% red, 69.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 53% yellow and 7.5% black. It has a hue angle of 31.7 degrees, a saturation of 76.7% and a lightness of 68%. #ecb16f color hex could be obtained by blending #ffffde with #d96300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 93
- G 69
- B 44
RGB color chart
- C 0
- M 25
- Y 53
- K 7
CMYK color chart

● #ecb16f color description : Soft orange.

The hexadecimal color #ecb16f has RGB values of R:236, G:177, B:111 and CMYK values of C:0, M:0.25, Y:0.53, K:0.07. Its decimal value is 15511919.

Hex triplet	ecb16f	`#ecb16f`
RGB Decimal	236, 177, 111	`rgb(236,177,111)`
RGB Percent	92.5, 69.4, 43.5	`rgb(92.5%,69.4%,43.5%)`
CMYK	0, 25, 53, 7
HSL	31.7°, 76.7, 68	`hsl(31.7,76.7%,68%)`
HSV (or HSB)	31.7°, 53, 92.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	76.331, 14.041, 41.885
XYZ	53.184, 50.427, 21.97
xyY	0.424, 0.402, 50.427
CIE-LCH	76.331, 44.176, 71.467
CIE-LUV	76.331, 44.799, 49.661
Hunter-Lab	71.012, 9.414, 31.365
Binary	11101100, 10110001, 01101111

#ecb16f
```
#ecb16f rgb(236,177,111)
```
#6faaec
```
#6faaec rgb(111,170,236)
```

Complementary Color

#ec736f
```
#ec736f rgb(236,115,111)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#e9ec6f
```
#e9ec6f rgb(233,236,111)
```

Analogous Color

#736fec
```
#736fec rgb(115,111,236)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#6fe9ec
```
#6fe9ec rgb(111,233,236)
```

Split Complementary Color

#b16fec
```
#b16fec rgb(177,111,236)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#6fecb1
```
#6fecb1 rgb(111,236,177)
```

Triadic Color

#ec6faa
```
#ec6faa rgb(236,111,170)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#6fecb1
```
#6fecb1 rgb(111,236,177)
```
#6faaec
```
#6faaec rgb(111,170,236)
```

Tetradic Color

#e38c2b
```
#e38c2b rgb(227,140,43)
```
#e69942
```
#e69942 rgb(230,153,66)
```
#e9a558
```
#e9a558 rgb(233,165,88)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#efbd86
```
#efbd86 rgb(239,189,134)
```
#f2c99c
```
#f2c99c rgb(242,201,156)
```
#f5d6b3
```
#f5d6b3 rgb(245,214,179)
```

Monochromatic Color

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

#ec926f
```
#ec926f rgb(236,146,111)
```
#ec9c6f
```
#ec9c6f rgb(236,156,111)
```
#eca76f
```
#eca76f rgb(236,167,111)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#ecbb6f
```
#ecbb6f rgb(236,187,111)
```
#ecc66f
```
#ecc66f rgb(236,198,111)
```
#ecd06f
```
#ecd06f rgb(236,208,111)
```

Similar Colors

Text with hexadecimal color #ecb16f

This text has a font color of #ecb16f.

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

#ecb16f background color

This paragraph has a background color of #ecb16f.

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

#ecb16f border color

This element has a border color of #ecb16f.

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

CSS codes

.text {color:#ecb16f;}

.background {background-color:#ecb16f;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1104
```
#1d1104 rgb(29,17,4)
```
#2f1c06
```
#2f1c06 rgb(47,28,6)
```
#402608
```
#402608 rgb(64,38,8)
```
#51300b
```
#51300b rgb(81,48,11)
```
#633a0d
```
#633a0d rgb(99,58,13)
```
#74440f
```
#74440f rgb(116,68,15)
```
#854f12
```
#854f12 rgb(133,79,18)
```
#975914
```
#975914 rgb(151,89,20)
```
#a86316
```
#a86316 rgb(168,99,22)
```
#b96d18
```
#b96d18 rgb(185,109,24)
```
#cb781b
```
#cb781b rgb(203,120,27)
```
#dc821d
```
#dc821d rgb(220,130,29)
```

Shade Color Variation

#e38b2a
```
#e38b2a rgb(227,139,42)
```
#e5953b
```
#e5953b rgb(229,149,59)
```
#e79e4c
```
#e79e4c rgb(231,158,76)
```
#eaa85e
```
#eaa85e rgb(234,168,94)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#eeba80
```
#eeba80 rgb(238,186,128)
```
#f1c492
```
#f1c492 rgb(241,196,146)
```
#f3cda3
```
#f3cda3 rgb(243,205,163)
```
#f5d7b4
```
#f5d7b4 rgb(245,215,180)
```
#f7e0c6
```
#f7e0c6 rgb(247,224,198)
```
#fae9d7
```
#fae9d7 rgb(250,233,215)
```
#fcf3e8
```
#fcf3e8 rgb(252,243,232)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#b4aea7
```
#b4aea7 rgb(180,174,167)
```
#baaea1
```
#baaea1 rgb(186,174,161)
```
#c0af9b
```
#c0af9b rgb(192,175,155)
```
#c6af95
```
#c6af95 rgb(198,175,149)
```
#cdaf8e
```
#cdaf8e rgb(205,175,142)
```
#d3b088
```
#d3b088 rgb(211,176,136)
```
#d9b082
```
#d9b082 rgb(217,176,130)
```
#dfb07c
```
#dfb07c rgb(223,176,124)
```
#e6b175
```
#e6b175 rgb(230,177,117)
```
#ecb16f
```
#ecb16f rgb(236,177,111)
```
#f2b169
```
#f2b169 rgb(242,177,105)
```
#f9b262
```
#f9b262 rgb(249,178,98)
```
#ffb25c
```
#ffb25c rgb(255,178,92)
```

Tone Color Variation

Below, you can see how #ecb16f 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
#c5b9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bf7a Protanopia 1% of men
#e7b775 Deuteranopia 1% of men
#f3acb8 Tritanopia 0.001% of the population

Trichromacy

#daba76 Protanomaly 1% of men, 0.01% of women
#e8b573 Deuteranomaly 6% of men, 0.4% of women
#f0ae9d Tritanomaly 0.01% of the population

#ecb16f hex color

#ecb16f Color Information

#ecb16f Color Conversion

Color Schemes with #ecb16f

Alternatives to #ecb16f

#ecb16f Preview

Shades and Tints of #ecb16f

Tones of #ecb16f

Color Blindness Simulator