#edc345 hex color

In a RGB color space, hex #edc345 is composed of 92.9% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 70.9% yellow and 7.1% black. It has a hue angle of 45 degrees, a saturation of 82.4% and a lightness of 60%. #edc345 color hex could be obtained by blending #ffff8a with #db8700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 76
- B 27
RGB color chart
- C 0
- M 18
- Y 71
- K 7
CMYK color chart

● #edc345 color description : Bright yellow.

The hexadecimal color #edc345 has RGB values of R:237, G:195, B:69 and CMYK values of C:0, M:0.18, Y:0.71, K:0.07. Its decimal value is 15582021.

Hex triplet	edc345	`#edc345`
RGB Decimal	237, 195, 69	`rgb(237,195,69)`
RGB Percent	92.9, 76.5, 27.1	`rgb(92.9%,76.5%,27.1%)`
CMYK	0, 18, 71, 7
HSL	45°, 82.4, 60	`hsl(45,82.4%,60%)`
HSV (or HSB)	45°, 70.9, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.441, 2.257, 65.821
XYZ	55.515, 57.467, 13.798
xyY	0.438, 0.453, 57.467
CIE-LCH	80.441, 65.859, 88.036
CIE-LUV	80.441, 35.278, 74.275
Hunter-Lab	75.807, -1.943, 42.273
Binary	11101101, 11000011, 01000101

#edc345
```
#edc345 rgb(237,195,69)
```
#456fed
```
#456fed rgb(69,111,237)
```

Complementary Color

#ed6f45
```
#ed6f45 rgb(237,111,69)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#c3ed45
```
#c3ed45 rgb(195,237,69)
```

Analogous Color

#6f45ed
```
#6f45ed rgb(111,69,237)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#45c3ed
```
#45c3ed rgb(69,195,237)
```

Split Complementary Color

#c345ed
```
#c345ed rgb(195,69,237)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#45edc3
```
#45edc3 rgb(69,237,195)
```

Triadic Color

#ed456f
```
#ed456f rgb(237,69,111)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#45edc3
```
#45edc3 rgb(69,237,195)
```
#456fed
```
#456fed rgb(69,111,237)
```

Tetradic Color

#d1a214
```
#d1a214 rgb(209,162,20)
```
#e9b417
```
#e9b417 rgb(233,180,23)
```
#ebbc2e
```
#ebbc2e rgb(235,188,46)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#efcb5c
```
#efcb5c rgb(239,203,92)
```
#f2d274
```
#f2d274 rgb(242,210,116)
```
#f4da8b
```
#f4da8b rgb(244,218,139)
```

Monochromatic Color

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

#ed9945
```
#ed9945 rgb(237,153,69)
```
#eda745
```
#eda745 rgb(237,167,69)
```
#edb545
```
#edb545 rgb(237,181,69)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#edd145
```
#edd145 rgb(237,209,69)
```
#eddf45
```
#eddf45 rgb(237,223,69)
```
#eded45
```
#eded45 rgb(237,237,69)
```

Similar Colors

Text with hexadecimal color #edc345

This text has a font color of #edc345.

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

#edc345 background color

This paragraph has a background color of #edc345.

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

#edc345 border color

This element has a border color of #edc345.

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

CSS codes

.text {color:#edc345;}

.background {background-color:#edc345;}

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

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

#0b0801
```
#0b0801 rgb(11,8,1)
```
#1d1603
```
#1d1603 rgb(29,22,3)
```
#2f2404
```
#2f2404 rgb(47,36,4)
```
#403206
```
#403206 rgb(64,50,6)
```
#524008
```
#524008 rgb(82,64,8)
```
#644e0a
```
#644e0a rgb(100,78,10)
```
#765b0b
```
#765b0b rgb(118,91,11)
```
#88690d
```
#88690d rgb(136,105,13)
```
#9a770f
```
#9a770f rgb(154,119,15)
```
#ac8511
```
#ac8511 rgb(172,133,17)
```
#be9312
```
#be9312 rgb(190,147,18)
```
#cfa114
```
#cfa114 rgb(207,161,20)
```
#e1ae16
```
#e1ae16 rgb(225,174,22)
```

Shade Color Variation

#eab721
```
#eab721 rgb(234,183,33)
```
#ebbd33
```
#ebbd33 rgb(235,189,51)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#efc957
```
#efc957 rgb(239,201,87)
```
#f0cf69
```
#f0cf69 rgb(240,207,105)
```
#f2d47b
```
#f2d47b rgb(242,212,123)
```
#f4da8d
```
#f4da8d rgb(244,218,141)
```
#f6e09e
```
#f6e09e rgb(246,224,158)
```
#f7e6b0
```
#f7e6b0 rgb(247,230,176)
```
#f9ebc2
```
#f9ebc2 rgb(249,235,194)
```
#fbf1d4
```
#fbf1d4 rgb(251,241,212)
```
#fdf7e6
```
#fdf7e6 rgb(253,247,230)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#9f9c93
```
#9f9c93 rgb(159,156,147)
```
#a6a08c
```
#a6a08c rgb(166,160,140)
```
#aea484
```
#aea484 rgb(174,164,132)
```
#b6a87c
```
#b6a87c rgb(182,168,124)
```
#beab74
```
#beab74 rgb(190,171,116)
```
#c6af6c
```
#c6af6c rgb(198,175,108)
```
#ceb364
```
#ceb364 rgb(206,179,100)
```
#d5b75d
```
#d5b75d rgb(213,183,93)
```
#ddbb55
```
#ddbb55 rgb(221,187,85)
```
#e5bf4d
```
#e5bf4d rgb(229,191,77)
```
#edc345
```
#edc345 rgb(237,195,69)
```
#f5c73d
```
#f5c73d rgb(245,199,61)
```
#fdcb35
```
#fdcb35 rgb(253,203,53)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cac1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca4f Protanopia 1% of men
#fac150 Deuteranopia 1% of men
#f7bac7 Tritanopia 0.001% of the population

Trichromacy

#e5c74b Protanomaly 1% of men, 0.01% of women
#f5c14c Deuteranomaly 6% of men, 0.4% of women
#f3bd97 Tritanomaly 0.01% of the population

#edc345 hex color

#edc345 Color Information

#edc345 Color Conversion

Color Schemes with #edc345

Alternatives to #edc345

#edc345 Preview

Shades and Tints of #edc345

Tones of #edc345

Color Blindness Simulator