colorhexa.com

#edb318 hex color

In a RGB color space, hex #edb318 is composed of 92.9% red, 70.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 89.9% yellow and 7.1% black. It has a hue angle of 43.7 degrees, a saturation of 85.5% and a lightness of 51.2%. #edb318 color hex could be obtained by blending #ffff30 with #db6700. Closest websafe color is: #ffcc00.

- R 93
- G 70
- B 9
RGB color chart
- C 0
- M 24
- Y 90
- K 7
CMYK color chart

● #edb318 color description : Vivid orange.

The hexadecimal color #edb318 has RGB values of R:237, G:179, B:24 and CMYK values of C:0, M:0.24, Y:0.9, K:0.07. Its decimal value is 15577880.

Hex triplet	edb318	`#edb318`
RGB Decimal	237, 179, 24	`rgb(237,179,24)`
RGB Percent	92.9, 70.2, 9.4	`rgb(92.9%,70.2%,9.4%)`
CMYK	0, 24, 90, 7
HSL	43.7°, 85.5, 51.2	`hsl(43.7,85.5%,51.2%)`
HSV (or HSB)	43.7°, 89.9, 92.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	76.261, 9.182, 75.731
XYZ	51.211, 50.314, 7.878
xyY	0.468, 0.46, 50.314
CIE-LCH	76.261, 76.285, 83.087
CIE-LUV	76.261, 48.672, 76.862
Hunter-Lab	70.932, 4.741, 43.067
Binary	11101101, 10110011, 00011000

#edb318
```
#edb318 rgb(237,179,24)
```
#1852ed
```
#1852ed rgb(24,82,237)
```

Complementary Color

#ed4918
```
#ed4918 rgb(237,73,24)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#bded18
```
#bded18 rgb(189,237,24)
```

Analogous Color

#4918ed
```
#4918ed rgb(73,24,237)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#18bded
```
#18bded rgb(24,189,237)
```

Split Complementary Color

#b318ed
```
#b318ed rgb(179,24,237)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#18edb3
```
#18edb3 rgb(24,237,179)
```

Triadic Color

#ed1852
```
#ed1852 rgb(237,24,82)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#18edb3
```
#18edb3 rgb(24,237,179)
```
#1852ed
```
#1852ed rgb(24,82,237)
```

Tetradic Color

#ab800d
```
#ab800d rgb(171,128,13)
```
#c3920f
```
#c3920f rgb(195,146,15)
```
#daa411
```
#daa411 rgb(218,164,17)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#efbb30
```
#efbb30 rgb(239,187,48)
```
#f1c347
```
#f1c347 rgb(241,195,71)
```
#f3ca5f
```
#f3ca5f rgb(243,202,95)
```

Monochromatic Color

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

#ed7e18
```
#ed7e18 rgb(237,126,24)
```
#ed9018
```
#ed9018 rgb(237,144,24)
```
#eda118
```
#eda118 rgb(237,161,24)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#edc518
```
#edc518 rgb(237,197,24)
```
#edd718
```
#edd718 rgb(237,215,24)
```
#ede818
```
#ede818 rgb(237,232,24)
```

Similar Colors

Text with hexadecimal color #edb318

This text has a font color of #edb318.

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

#edb318 background color

This paragraph has a background color of #edb318.

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

#edb318 border color

This element has a border color of #edb318.

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

CSS codes

.text {color:#edb318;}

.background {background-color:#edb318;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#181202
```
#181202 rgb(24,18,2)
```
#2a1f03
```
#2a1f03 rgb(42,31,3)
```
#3c2d05
```
#3c2d05 rgb(60,45,5)
```
#4e3b06
```
#4e3b06 rgb(78,59,6)
```
#614808
```
#614808 rgb(97,72,8)
```
#735609
```
#735609 rgb(115,86,9)
```
#85640a
```
#85640a rgb(133,100,10)
```
#97710c
```
#97710c rgb(151,113,12)
```
#a97f0d
```
#a97f0d rgb(169,127,13)
```
#bc8c0f
```
#bc8c0f rgb(188,140,15)
```
#ce9a10
```
#ce9a10 rgb(206,154,16)
```
#e0a811
```
#e0a811 rgb(224,168,17)
```

Shade Color Variation

#edb318
```
#edb318 rgb(237,179,24)
```
#eeb92a
```
#eeb92a rgb(238,185,42)
```
#f0bf3c
```
#f0bf3c rgb(240,191,60)
```
#f1c54f
```
#f1c54f rgb(241,197,79)
```
#f3cb61
```
#f3cb61 rgb(243,203,97)
```
#f4d173
```
#f4d173 rgb(244,209,115)
```
#f6d785
```
#f6d785 rgb(246,215,133)
```
#f7dd97
```
#f7dd97 rgb(247,221,151)
```
#f8e3aa
```
#f8e3aa rgb(248,227,170)
```
#fae9bc
```
#fae9bc rgb(250,233,188)
```
#fbefce
```
#fbefce rgb(251,239,206)
```
#fdf5e0
```
#fdf5e0 rgb(253,245,224)
```
#fefbf2
```
#fefbf2 rgb(254,251,242)
```

Tint Color Variation

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

#848381
```
#848381 rgb(132,131,129)
```
#8d8778
```
#8d8778 rgb(141,135,120)
```
#978c6e
```
#978c6e rgb(151,140,110)
```
#a09065
```
#a09065 rgb(160,144,101)
```
#aa945b
```
#aa945b rgb(170,148,91)
```
#b49951
```
#b49951 rgb(180,153,81)
```
#bd9d48
```
#bd9d48 rgb(189,157,72)
```
#c7a23e
```
#c7a23e rgb(199,162,62)
```
#d0a635
```
#d0a635 rgb(208,166,53)
```
#daaa2b
```
#daaa2b rgb(218,170,43)
```
#e3af22
```
#e3af22 rgb(227,175,34)
```
#edb318
```
#edb318 rgb(237,179,24)
```
#f7b70e
```
#f7b70e rgb(247,183,14)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#bfb394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf26 Protanopia 1% of men
#efb624 Deuteranopia 1% of men
#f6abb6 Tritanopia 0.001% of the population

Trichromacy

#debb21 Protanomaly 1% of men, 0.01% of women
#eeb520 Deuteranomaly 6% of men, 0.4% of women
#f3ad7d Tritanomaly 0.01% of the population