#edc366 hex color

In a RGB color space, hex #edc366 is composed of 92.9% red, 76.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 57% yellow and 7.1% black. It has a hue angle of 41.3 degrees, a saturation of 78.9% and a lightness of 66.5%. #edc366 color hex could be obtained by blending #ffffcc with #db8700. Closest websafe color is: #ffcc66.

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

● #edc366 color description : Soft orange.

The hexadecimal color #edc366 has RGB values of R:237, G:195, B:102 and CMYK values of C:0, M:0.18, Y:0.57, K:0.07. Its decimal value is 15582054.

Hex triplet	edc366	`#edc366`
RGB Decimal	237, 195, 102	`rgb(237,195,102)`
RGB Percent	92.9, 76.5, 40	`rgb(92.9%,76.5%,40%)`
CMYK	0, 18, 57, 7
HSL	41.3°, 78.9, 66.5	`hsl(41.3,78.9%,66.5%)`
HSV (or HSB)	41.3°, 57, 92.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.737, 4.28, 51.657
XYZ	56.839, 57.996, 20.77
xyY	0.419, 0.428, 57.996
CIE-LCH	80.737, 51.834, 85.263
CIE-LUV	80.737, 33.61, 62.33
Hunter-Lab	76.155, -0.048, 37.138
Binary	11101101, 11000011, 01100110

#edc366
```
#edc366 rgb(237,195,102)
```
#6690ed
```
#6690ed rgb(102,144,237)
```

Complementary Color

#ed8066
```
#ed8066 rgb(237,128,102)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#d4ed66
```
#d4ed66 rgb(212,237,102)
```

Analogous Color

#8066ed
```
#8066ed rgb(128,102,237)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#66d4ed
```
#66d4ed rgb(102,212,237)
```

Split Complementary Color

#c366ed
```
#c366ed rgb(195,102,237)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#66edc3
```
#66edc3 rgb(102,237,195)
```

Triadic Color

#ed6690
```
#ed6690 rgb(237,102,144)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#66edc3
```
#66edc3 rgb(102,237,195)
```
#6690ed
```
#6690ed rgb(102,144,237)
```

Tetradic Color

#e5a822
```
#e5a822 rgb(229,168,34)
```
#e8b138
```
#e8b138 rgb(232,177,56)
```
#eaba4f
```
#eaba4f rgb(234,186,79)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#f0cc7d
```
#f0cc7d rgb(240,204,125)
```
#f2d594
```
#f2d594 rgb(242,213,148)
```
#f5deaa
```
#f5deaa rgb(245,222,170)
```

Monochromatic Color

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

#eda166
```
#eda166 rgb(237,161,102)
```
#edad66
```
#edad66 rgb(237,173,102)
```
#edb866
```
#edb866 rgb(237,184,102)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#edce66
```
#edce66 rgb(237,206,102)
```
#edda66
```
#edda66 rgb(237,218,102)
```
#ede566
```
#ede566 rgb(237,229,102)
```

Similar Colors

Text with hexadecimal color #edc366

This text has a font color of #edc366.

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

#edc366 background color

This paragraph has a background color of #edc366.

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

#edc366 border color

This element has a border color of #edc366.

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

CSS codes

.text {color:#edc366;}

.background {background-color:#edc366;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#171003
```
#171003 rgb(23,16,3)
```
#281d05
```
#281d05 rgb(40,29,5)
```
#3a2a07
```
#3a2a07 rgb(58,42,7)
```
#4b3709
```
#4b3709 rgb(75,55,9)
```
#5d430b
```
#5d430b rgb(93,67,11)
```
#6e500d
```
#6e500d rgb(110,80,13)
```
#805d0f
```
#805d0f rgb(128,93,15)
```
#916911
```
#916911 rgb(145,105,17)
```
#a37613
```
#a37613 rgb(163,118,19)
```
#b48315
```
#b48315 rgb(180,131,21)
```
#c69017
```
#c69017 rgb(198,144,23)
```
#d89c19
```
#d89c19 rgb(216,156,25)
```

Shade Color Variation

#e5a720
```
#e5a720 rgb(229,167,32)
```
#e7ae31
```
#e7ae31 rgb(231,174,49)
```
#e9b543
```
#e9b543 rgb(233,181,67)
```
#ebbc54
```
#ebbc54 rgb(235,188,84)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#efca78
```
#efca78 rgb(239,202,120)
```
#f1d189
```
#f1d189 rgb(241,209,137)
```
#f3d89b
```
#f3d89b rgb(243,216,155)
```
#f5dfac
```
#f5dfac rgb(245,223,172)
```
#f7e5be
```
#f7e5be rgb(247,229,190)
```
#f9eccf
```
#f9eccf rgb(249,236,207)
```
#fbf3e1
```
#fbf3e1 rgb(251,243,225)
```
#fefaf2
```
#fefaf2 rgb(254,250,242)
```

Tint Color Variation

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

#abaaa8
```
#abaaa8 rgb(171,170,168)
```
#b2ada1
```
#b2ada1 rgb(178,173,161)
```
#b8af9b
```
#b8af9b rgb(184,175,155)
```
#bfb294
```
#bfb294 rgb(191,178,148)
```
#c6b48d
```
#c6b48d rgb(198,180,141)
```
#ccb787
```
#ccb787 rgb(204,183,135)
```
#d3b980
```
#d3b980 rgb(211,185,128)
```
#d9bc7a
```
#d9bc7a rgb(217,188,122)
```
#e0be73
```
#e0be73 rgb(224,190,115)
```
#e6c16d
```
#e6c16d rgb(230,193,109)
```
#edc366
```
#edc366 rgb(237,195,102)
```
#f4c55f
```
#f4c55f rgb(244,197,95)
```
#fac859
```
#fac859 rgb(250,200,89)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cdc5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb6f Protanopia 1% of men
#f7c26f Deuteranopia 1% of men
#f6bbc8 Tritanopia 0.001% of the population

Trichromacy

#e4c86c Protanomaly 1% of men, 0.01% of women
#f3c26b Deuteranomaly 6% of men, 0.4% of women
#f3bea4 Tritanomaly 0.01% of the population

#edc366 hex color

#edc366 Color Information

#edc366 Color Conversion

Color Schemes with #edc366

Alternatives to #edc366

#edc366 Preview

Shades and Tints of #edc366

Tones of #edc366

Color Blindness Simulator