#edd31f hex color

In a RGB color space, hex #edd31f is composed of 92.9% red, 82.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11% magenta, 86.9% yellow and 7.1% black. It has a hue angle of 52.4 degrees, a saturation of 85.1% and a lightness of 52.5%. #edd31f color hex could be obtained by blending #ffff3e with #dba700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 93
- G 83
- B 12
RGB color chart
- C 0
- M 11
- Y 87
- K 7
CMYK color chart

● #edd31f color description : Vivid yellow.

The hexadecimal color #edd31f has RGB values of R:237, G:211, B:31 and CMYK values of C:0, M:0.11, Y:0.87, K:0.07. Its decimal value is 15586079.

Hex triplet	edd31f	`#edd31f`
RGB Decimal	237, 211, 31	`rgb(237,211,31)`
RGB Percent	92.9, 82.7, 12.2	`rgb(92.9%,82.7%,12.2%)`
CMYK	0, 11, 87, 7
HSL	52.4°, 85.1, 52.5	`hsl(52.4,85.1%,52.5%)`
HSV (or HSB)	52.4°, 86.9, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.326, -7.205, 80.671
XYZ	58.467, 64.694, 10.704
xyY	0.437, 0.483, 64.694
CIE-LCH	84.326, 80.992, 95.103
CIE-LUV	84.326, 24.759, 88.182
Hunter-Lab	80.433, -11.004, 48.413
Binary	11101101, 11010011, 00011111

#edd31f
```
#edd31f rgb(237,211,31)
```
#1f39ed
```
#1f39ed rgb(31,57,237)
```

Complementary Color

#ed6c1f
```
#ed6c1f rgb(237,108,31)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#a0ed1f
```
#a0ed1f rgb(160,237,31)
```

Analogous Color

#6c1fed
```
#6c1fed rgb(108,31,237)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#1fa0ed
```
#1fa0ed rgb(31,160,237)
```

Split Complementary Color

#d31fed
```
#d31fed rgb(211,31,237)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#1fedd3
```
#1fedd3 rgb(31,237,211)
```

Triadic Color

#ed1f39
```
#ed1f39 rgb(237,31,57)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#1fedd3
```
#1fedd3 rgb(31,237,211)
```
#1f39ed
```
#1f39ed rgb(31,57,237)
```

Tetradic Color

#b19d0e
```
#b19d0e rgb(177,157,14)
```
#c9b210
```
#c9b210 rgb(201,178,16)
```
#e0c612
```
#e0c612 rgb(224,198,18)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#efd837
```
#efd837 rgb(239,216,55)
```
#f1dc4e
```
#f1dc4e rgb(241,220,78)
```
#f3e166
```
#f3e166 rgb(243,225,102)
```

Monochromatic Color

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

#eda01f
```
#eda01f rgb(237,160,31)
```
#edb11f
```
#edb11f rgb(237,177,31)
```
#edc21f
```
#edc21f rgb(237,194,31)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#ede41f
```
#ede41f rgb(237,228,31)
```
#e5ed1f
```
#e5ed1f rgb(229,237,31)
```
#d4ed1f
```
#d4ed1f rgb(212,237,31)
```

Similar Colors

Text with hexadecimal color #edd31f

This text has a font color of #edd31f.

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

#edd31f background color

This paragraph has a background color of #edd31f.

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

#edd31f border color

This element has a border color of #edd31f.

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

CSS codes

.text {color:#edd31f;}

.background {background-color:#edd31f;}

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

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

#0c0b01
```
#0c0b01 rgb(12,11,1)
```
#1e1b02
```
#1e1b02 rgb(30,27,2)
```
#302b04
```
#302b04 rgb(48,43,4)
```
#433b05
```
#433b05 rgb(67,59,5)
```
#554b07
```
#554b07 rgb(85,75,7)
```
#675b08
```
#675b08 rgb(103,91,8)
```
#796b0a
```
#796b0a rgb(121,107,10)
```
#8b7b0b
```
#8b7b0b rgb(139,123,11)
```
#9d8b0d
```
#9d8b0d rgb(157,139,13)
```
#af9b0e
```
#af9b0e rgb(175,155,14)
```
#c2ab10
```
#c2ab10 rgb(194,171,16)
```
#d4bb11
```
#d4bb11 rgb(212,187,17)
```
#e6cb12
```
#e6cb12 rgb(230,203,18)
```

Shade Color Variation

#edd31f
```
#edd31f rgb(237,211,31)
```
#eed731
```
#eed731 rgb(238,215,49)
```
#f0da43
```
#f0da43 rgb(240,218,67)
```
#f1de55
```
#f1de55 rgb(241,222,85)
```
#f3e168
```
#f3e168 rgb(243,225,104)
```
#f4e57a
```
#f4e57a rgb(244,229,122)
```
#f6e88c
```
#f6e88c rgb(246,232,140)
```
#f7ec9e
```
#f7ec9e rgb(247,236,158)
```
#f9f0b0
```
#f9f0b0 rgb(249,240,176)
```
#faf3c2
```
#faf3c2 rgb(250,243,194)
```
#fcf7d5
```
#fcf7d5 rgb(252,247,213)
```
#fdfae7
```
#fdfae7 rgb(253,250,231)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#878685
```
#878685 rgb(135,134,133)
```
#908d7c
```
#908d7c rgb(144,141,124)
```
#999473
```
#999473 rgb(153,148,115)
```
#a39b69
```
#a39b69 rgb(163,155,105)
```
#aca260
```
#aca260 rgb(172,162,96)
```
#b5a957
```
#b5a957 rgb(181,169,87)
```
#beb04e
```
#beb04e rgb(190,176,78)
```
#c8b744
```
#c8b744 rgb(200,183,68)
```
#d1be3b
```
#d1be3b rgb(209,190,59)
```
#dac532
```
#dac532 rgb(218,197,50)
```
#e4cc28
```
#e4cc28 rgb(228,204,40)
```
#edd31f
```
#edd31f rgb(237,211,31)
```
#f6da16
```
#f6da16 rgb(246,218,22)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cec9a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed52a Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#fac7d5 Tritanopia 0.001% of the population

Trichromacy

#edd426 Protanomaly 1% of men, 0.01% of women
#f8cf56 Deuteranomaly 6% of men, 0.4% of women
#f5cb92 Tritanomaly 0.01% of the population

#edd31f hex color

#edd31f Color Information

#edd31f Color Conversion

Color Schemes with #edd31f

Alternatives to #edd31f

#edd31f Preview

Shades and Tints of #edd31f

Tones of #edd31f

Color Blindness Simulator