#edca1f hex color

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

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

● #edca1f color description : Vivid yellow.

The hexadecimal color #edca1f has RGB values of R:237, G:202, B:31 and CMYK values of C:0, M:0.15, Y:0.87, K:0.07. Its decimal value is 15583775.

Hex triplet	edca1f	`#edca1f`
RGB Decimal	237, 202, 31	`rgb(237,202,31)`
RGB Percent	92.9, 79.2, 12.2	`rgb(92.9%,79.2%,12.2%)`
CMYK	0, 15, 87, 7
HSL	49.8°, 85.1, 52.5	`hsl(49.8,85.1%,52.5%)`
HSV (or HSB)	49.8°, 86.9, 92.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.026, -2.629, 78.838
XYZ	56.294, 60.347, 9.979
xyY	0.445, 0.477, 60.347
CIE-LCH	82.026, 78.882, 91.91
CIE-LUV	82.026, 31.223, 84.75
Hunter-Lab	77.683, -6.594, 46.762
Binary	11101101, 11001010, 00011111

#edca1f
```
#edca1f rgb(237,202,31)
```
#1f42ed
```
#1f42ed rgb(31,66,237)
```

Complementary Color

#ed631f
```
#ed631f rgb(237,99,31)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#a9ed1f
```
#a9ed1f rgb(169,237,31)
```

Analogous Color

#631fed
```
#631fed rgb(99,31,237)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#1fa9ed
```
#1fa9ed rgb(31,169,237)
```

Split Complementary Color

#ca1fed
```
#ca1fed rgb(202,31,237)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#1fedca
```
#1fedca rgb(31,237,202)
```

Triadic Color

#ed1f42
```
#ed1f42 rgb(237,31,66)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#1fedca
```
#1fedca rgb(31,237,202)
```
#1f42ed
```
#1f42ed rgb(31,66,237)
```

Tetradic Color

#b1960e
```
#b1960e rgb(177,150,14)
```
#c9a910
```
#c9a910 rgb(201,169,16)
```
#e0bd12
```
#e0bd12 rgb(224,189,18)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#efd037
```
#efd037 rgb(239,208,55)
```
#f1d54e
```
#f1d54e rgb(241,213,78)
```
#f3db66
```
#f3db66 rgb(243,219,102)
```

Monochromatic Color

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

#ed971f
```
#ed971f rgb(237,151,31)
```
#eda81f
```
#eda81f rgb(237,168,31)
```
#edb91f
```
#edb91f rgb(237,185,31)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#eddb1f
```
#eddb1f rgb(237,219,31)
```
#edec1f
```
#edec1f rgb(237,236,31)
```
#dded1f
```
#dded1f rgb(221,237,31)
```

Similar Colors

Text with hexadecimal color #edca1f

This text has a font color of #edca1f.

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

#edca1f background color

This paragraph has a background color of #edca1f.

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

#edca1f border color

This element has a border color of #edca1f.

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

CSS codes

.text {color:#edca1f;}

.background {background-color:#edca1f;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1e1902
```
#1e1902 rgb(30,25,2)
```
#302904
```
#302904 rgb(48,41,4)
```
#433805
```
#433805 rgb(67,56,5)
```
#554707
```
#554707 rgb(85,71,7)
```
#675708
```
#675708 rgb(103,87,8)
```
#79660a
```
#79660a rgb(121,102,10)
```
#8b750b
```
#8b750b rgb(139,117,11)
```
#9d850d
```
#9d850d rgb(157,133,13)
```
#af940e
```
#af940e rgb(175,148,14)
```
#c2a310
```
#c2a310 rgb(194,163,16)
```
#d4b311
```
#d4b311 rgb(212,179,17)
```
#e6c212
```
#e6c212 rgb(230,194,18)
```

Shade Color Variation

#edca1f
```
#edca1f rgb(237,202,31)
```
#eece31
```
#eece31 rgb(238,206,49)
```
#f0d343
```
#f0d343 rgb(240,211,67)
```
#f1d755
```
#f1d755 rgb(241,215,85)
```
#f3db68
```
#f3db68 rgb(243,219,104)
```
#f4df7a
```
#f4df7a rgb(244,223,122)
```
#f6e48c
```
#f6e48c rgb(246,228,140)
```
#f7e89e
```
#f7e89e rgb(247,232,158)
```
#f9ecb0
```
#f9ecb0 rgb(249,236,176)
```
#faf1c2
```
#faf1c2 rgb(250,241,194)
```
#fcf5d5
```
#fcf5d5 rgb(252,245,213)
```
#fdf9e7
```
#fdf9e7 rgb(253,249,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 #f6d016 is the most saturated one.

#878685
```
#878685 rgb(135,134,133)
```
#908d7c
```
#908d7c rgb(144,141,124)
```
#999373
```
#999373 rgb(153,147,115)
```
#a39969
```
#a39969 rgb(163,153,105)
```
#ac9f60
```
#ac9f60 rgb(172,159,96)
```
#b5a557
```
#b5a557 rgb(181,165,87)
```
#beab4e
```
#beab4e rgb(190,171,78)
```
#c8b144
```
#c8b144 rgb(200,177,68)
```
#d1b83b
```
#d1b83b rgb(209,184,59)
```
#dabe32
```
#dabe32 rgb(218,190,50)
```
#e4c428
```
#e4c428 rgb(228,196,40)
```
#edca1f
```
#edca1f rgb(237,202,31)
```
#f6d016
```
#f6d016 rgb(246,208,22)
```

Tone Color Variation

Below, you can see how #edca1f 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
#cac3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf2b Protanopia 1% of men
#ffc54c Deuteranopia 1% of men
#f9bfcc Tritanopia 0.001% of the population

Trichromacy

#e9cd26 Protanomaly 1% of men, 0.01% of women
#f8c73b Deuteranomaly 6% of men, 0.4% of women
#f4c38d Tritanomaly 0.01% of the population

#edca1f hex color

#edca1f Color Information

#edca1f Color Conversion

Color Schemes with #edca1f

Alternatives to #edca1f

#edca1f Preview

Shades and Tints of #edca1f

Tones of #edca1f

Color Blindness Simulator