#eba316 hex color

In a RGB color space, hex #eba316 is composed of 92.2% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 90.6% yellow and 7.8% black. It has a hue angle of 39.7 degrees, a saturation of 84.2% and a lightness of 50.4%. #eba316 color hex could be obtained by blending #ffff2c with #d74700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 92
- G 64
- B 9
RGB color chart
- C 0
- M 31
- Y 91
- K 8
CMYK color chart

● #eba316 color description : Vivid orange.

The hexadecimal color #eba316 has RGB values of R:235, G:163, B:22 and CMYK values of C:0, M:0.31, Y:0.91, K:0.08. Its decimal value is 15442710.

Hex triplet	eba316	`#eba316`
RGB Decimal	235, 163, 22	`rgb(235,163,22)`
RGB Percent	92.2, 63.9, 8.6	`rgb(92.2%,63.9%,8.6%)`
CMYK	0, 31, 91, 8
HSL	39.7°, 84.2, 50.4	`hsl(39.7,84.2%,50.4%)`
HSV (or HSB)	39.7°, 90.6, 92.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.173, 16.739, 72.93
XYZ	47.504, 43.918, 6.734
xyY	0.484, 0.447, 43.918
CIE-LCH	72.173, 74.827, 77.074
CIE-LUV	72.173, 59.787, 71.067
Hunter-Lab	66.27, 11.98, 40.364
Binary	11101011, 10100011, 00010110

#eba316
```
#eba316 rgb(235,163,22)
```
#165eeb
```
#165eeb rgb(22,94,235)
```

Complementary Color

#eb3816
```
#eb3816 rgb(235,56,22)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#c9eb16
```
#c9eb16 rgb(201,235,22)
```

Analogous Color

#3816eb
```
#3816eb rgb(56,22,235)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#16c9eb
```
#16c9eb rgb(22,201,235)
```

Split Complementary Color

#a316eb
```
#a316eb rgb(163,22,235)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#16eba3
```
#16eba3 rgb(22,235,163)
```

Triadic Color

#eb165e
```
#eb165e rgb(235,22,94)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#16eba3
```
#16eba3 rgb(22,235,163)
```
#165eeb
```
#165eeb rgb(22,94,235)
```

Tetradic Color

#a6730e
```
#a6730e rgb(166,115,14)
```
#be8310
```
#be8310 rgb(190,131,16)
```
#d59312
```
#d59312 rgb(213,147,18)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#edac2d
```
#edac2d rgb(237,172,45)
```
#efb645
```
#efb645 rgb(239,182,69)
```
#f1bf5c
```
#f1bf5c rgb(241,191,92)
```

Monochromatic Color

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

#eb6e16
```
#eb6e16 rgb(235,110,22)
```
#eb8016
```
#eb8016 rgb(235,128,22)
```
#eb9116
```
#eb9116 rgb(235,145,22)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#ebb516
```
#ebb516 rgb(235,181,22)
```
#ebc716
```
#ebc716 rgb(235,199,22)
```
#ebd816
```
#ebd816 rgb(235,216,22)
```

Similar Colors

Text with hexadecimal color #eba316

This text has a font color of #eba316.

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

#eba316 background color

This paragraph has a background color of #eba316.

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

#eba316 border color

This element has a border color of #eba316.

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

CSS codes

.text {color:#eba316;}

.background {background-color:#eba316;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140e02
```
#140e02 rgb(20,14,2)
```
#261a03
```
#261a03 rgb(38,26,3)
```
#382705
```
#382705 rgb(56,39,5)
```
#4a3306
```
#4a3306 rgb(74,51,6)
```
#5c4008
```
#5c4008 rgb(92,64,8)
```
#6e4c09
```
#6e4c09 rgb(110,76,9)
```
#80590b
```
#80590b rgb(128,89,11)
```
#92650d
```
#92650d rgb(146,101,13)
```
#a4720e
```
#a4720e rgb(164,114,14)
```
#b67e10
```
#b67e10 rgb(182,126,16)
```
#c98b11
```
#c98b11 rgb(201,139,17)
```
#db9713
```
#db9713 rgb(219,151,19)
```

Shade Color Variation

#eba316
```
#eba316 rgb(235,163,22)
```
#edaa28
```
#edaa28 rgb(237,170,40)
```
#eeb13a
```
#eeb13a rgb(238,177,58)
```
#f0b84c
```
#f0b84c rgb(240,184,76)
```
#f1c05e
```
#f1c05e rgb(241,192,94)
```
#f3c770
```
#f3c770 rgb(243,199,112)
```
#f4ce82
```
#f4ce82 rgb(244,206,130)
```
#f6d594
```
#f6d594 rgb(246,213,148)
```
#f7dca7
```
#f7dca7 rgb(247,220,167)
```
#f9e3b9
```
#f9e3b9 rgb(249,227,185)
```
#fbeacb
```
#fbeacb rgb(251,234,203)
```
#fcf1dd
```
#fcf1dd rgb(252,241,221)
```
#fef9ef
```
#fef9ef rgb(254,249,239)
```

Tint Color Variation

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

#8a8377
```
#8a8377 rgb(138,131,119)
```
#93876e
```
#93876e rgb(147,135,110)
```
#9d8a64
```
#9d8a64 rgb(157,138,100)
```
#a78d5a
```
#a78d5a rgb(167,141,90)
```
#b19050
```
#b19050 rgb(177,144,80)
```
#ba9347
```
#ba9347 rgb(186,147,71)
```
#c4963d
```
#c4963d rgb(196,150,61)
```
#ce9a33
```
#ce9a33 rgb(206,154,51)
```
#d89d29
```
#d89d29 rgb(216,157,41)
```
#e1a020
```
#e1a020 rgb(225,160,32)
```
#eba316
```
#eba316 rgb(235,163,22)
```
#f5a60c
```
#f5a60c rgb(245,166,12)
```
#fea903
```
#fea903 rgb(254,169,3)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b5a78b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab526 Protanopia 1% of men
#e2ac1d Deuteranopia 1% of men
#f39ca7 Tritanopia 0.001% of the population

Trichromacy

#d6ae20 Protanomaly 1% of men, 0.01% of women
#e5a81a Deuteranomaly 6% of men, 0.4% of women
#f09f72 Tritanomaly 0.01% of the population

#eba316 hex color

#eba316 Color Information

#eba316 Color Conversion

Color Schemes with #eba316

Alternatives to #eba316

#eba316 Preview

Shades and Tints of #eba316

Tones of #eba316

Color Blindness Simulator