#ecb016 hex color

In a RGB color space, hex #ecb016 is composed of 92.5% red, 69% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.4% magenta, 90.7% yellow and 7.5% black. It has a hue angle of 43.2 degrees, a saturation of 84.9% and a lightness of 50.6%. #ecb016 color hex could be obtained by blending #ffff2c with #d96100. Closest websafe color is: #ff9900.

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

● #ecb016 color description : Vivid orange.

The hexadecimal color #ecb016 has RGB values of R:236, G:176, B:22 and CMYK values of C:0, M:0.25, Y:0.91, K:0.07. Its decimal value is 15511574.

Hex triplet	ecb016	`#ecb016`
RGB Decimal	236, 176, 22	`rgb(236,176,22)`
RGB Percent	92.5, 69, 8.6	`rgb(92.5%,69%,8.6%)`
CMYK	0, 25, 91, 7
HSL	43.2°, 84.9, 50.6	`hsl(43.2,84.9%,50.6%)`
HSV (or HSB)	43.2°, 90.7, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	75.417, 10.297, 75.416
XYZ	50.263, 48.944, 7.559
xyY	0.471, 0.458, 48.944
CIE-LCH	75.417, 76.116, 82.225
CIE-LUV	75.417, 50.26, 75.924
Hunter-Lab	69.96, 5.814, 42.566
Binary	11101100, 10110000, 00010110

#ecb016
```
#ecb016 rgb(236,176,22)
```
#1652ec
```
#1652ec rgb(22,82,236)
```

Complementary Color

#ec4516
```
#ec4516 rgb(236,69,22)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#bdec16
```
#bdec16 rgb(189,236,22)
```

Analogous Color

#4516ec
```
#4516ec rgb(69,22,236)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#16bdec
```
#16bdec rgb(22,189,236)
```

Split Complementary Color

#b016ec
```
#b016ec rgb(176,22,236)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#16ecb0
```
#16ecb0 rgb(22,236,176)
```

Triadic Color

#ec1652
```
#ec1652 rgb(236,22,82)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#16ecb0
```
#16ecb0 rgb(22,236,176)
```
#1652ec
```
#1652ec rgb(22,82,236)
```

Tetradic Color

#a87d0e
```
#a87d0e rgb(168,125,14)
```
#bf8e10
```
#bf8e10 rgb(191,142,16)
```
#d7a012
```
#d7a012 rgb(215,160,18)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#eeb82e
```
#eeb82e rgb(238,184,46)
```
#f0c045
```
#f0c045 rgb(240,192,69)
```
#f2c85d
```
#f2c85d rgb(242,200,93)
```

Monochromatic Color

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

#ec7b16
```
#ec7b16 rgb(236,123,22)
```
#ec8c16
```
#ec8c16 rgb(236,140,22)
```
#ec9e16
```
#ec9e16 rgb(236,158,22)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#ecc216
```
#ecc216 rgb(236,194,22)
```
#ecd416
```
#ecd416 rgb(236,212,22)
```
#ece616
```
#ece616 rgb(236,230,22)
```

Similar Colors

Text with hexadecimal color #ecb016

This text has a font color of #ecb016.

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

#ecb016 background color

This paragraph has a background color of #ecb016.

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

#ecb016 border color

This element has a border color of #ecb016.

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

CSS codes

.text {color:#ecb016;}

.background {background-color:#ecb016;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#151002
```
#151002 rgb(21,16,2)
```
#271d03
```
#271d03 rgb(39,29,3)
```
#392a05
```
#392a05 rgb(57,42,5)
```
#4b3806
```
#4b3806 rgb(75,56,6)
```
#5d4508
```
#5d4508 rgb(93,69,8)
```
#705309
```
#705309 rgb(112,83,9)
```
#82600b
```
#82600b rgb(130,96,11)
```
#946e0c
```
#946e0c rgb(148,110,12)
```
#a67b0e
```
#a67b0e rgb(166,123,14)
```
#b8890f
```
#b8890f rgb(184,137,15)
```
#ca9610
```
#ca9610 rgb(202,150,16)
```
#dca412
```
#dca412 rgb(220,164,18)
```

Shade Color Variation

#ecb016
```
#ecb016 rgb(236,176,22)
```
#edb628
```
#edb628 rgb(237,182,40)
```
#efbc3a
```
#efbc3a rgb(239,188,58)
```
#f0c24c
```
#f0c24c rgb(240,194,76)
```
#f2c95f
```
#f2c95f rgb(242,201,95)
```
#f3cf71
```
#f3cf71 rgb(243,207,113)
```
#f5d583
```
#f5d583 rgb(245,213,131)
```
#f6db95
```
#f6db95 rgb(246,219,149)
```
#f8e1a7
```
#f8e1a7 rgb(248,225,167)
```
#f9e7b9
```
#f9e7b9 rgb(249,231,185)
```
#fbedcb
```
#fbedcb rgb(251,237,203)
```
#fcf4de
```
#fcf4de rgb(252,244,222)
```
#fefaf0
```
#fefaf0 rgb(254,250,240)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#8b8577
```
#8b8577 rgb(139,133,119)
```
#958a6d
```
#958a6d rgb(149,138,109)
```
#9e8e64
```
#9e8e64 rgb(158,142,100)
```
#a8925a
```
#a8925a rgb(168,146,90)
```
#b29650
```
#b29650 rgb(178,150,80)
```
#bc9b46
```
#bc9b46 rgb(188,155,70)
```
#c59f3d
```
#c59f3d rgb(197,159,61)
```
#cfa333
```
#cfa333 rgb(207,163,51)
```
#d9a729
```
#d9a729 rgb(217,167,41)
```
#e2ac20
```
#e2ac20 rgb(226,172,32)
```
#ecb016
```
#ecb016 rgb(236,176,22)
```
#f6b40c
```
#f6b40c rgb(246,180,12)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#bcb091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bd25 Protanopia 1% of men
#ecb421 Deuteranopia 1% of men
#f5a8b3 Tritanopia 0.001% of the population

Trichromacy

#dcb81f Protanomaly 1% of men, 0.01% of women
#ecb21d Deuteranomaly 6% of men, 0.4% of women
#f2ab7a Tritanomaly 0.01% of the population

#ecb016 hex color

#ecb016 Color Information

#ecb016 Color Conversion

Color Schemes with #ecb016

Alternatives to #ecb016

#ecb016 Preview

Shades and Tints of #ecb016

Tones of #ecb016

Color Blindness Simulator