colorhexa.com

#ecd228 hex color

In a RGB color space, hex #ecd228 is composed of 92.5% red, 82.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11% magenta, 83.1% yellow and 7.5% black. It has a hue angle of 52 degrees, a saturation of 83.8% and a lightness of 54.1%. #ecd228 color hex could be obtained by blending #ffff50 with #d9a500. Closest websafe color is: #ffcc33.

- R 93
- G 82
- B 16
RGB color chart
- C 0
- M 11
- Y 83
- K 7
CMYK color chart

● #ecd228 color description : Bright yellow.

The hexadecimal color #ecd228 has RGB values of R:236, G:210, B:40 and CMYK values of C:0, M:0.11, Y:0.83, K:0.07. Its decimal value is 15520296.

Hex triplet	ecd228	`#ecd228`
RGB Decimal	236, 210, 40	`rgb(236,210,40)`
RGB Percent	92.5, 82.4, 15.7	`rgb(92.5%,82.4%,15.7%)`
CMYK	0, 11, 83, 7
HSL	52°, 83.8, 54.1	`hsl(52,83.8%,54.1%)`
HSV (or HSB)	52°, 83.1, 92.5
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.008, -6.917, 78.385
XYZ	58.022, 64.081, 11.32
xyY	0.435, 0.48, 64.081
CIE-LCH	84.008, 78.689, 95.043
CIE-LUV	84.008, 24.6, 86.562
Hunter-Lab	80.051, -10.709, 47.651
Binary	11101100, 11010010, 00101000

#ecd228
```
#ecd228 rgb(236,210,40)
```
#2842ec
```
#2842ec rgb(40,66,236)
```

Complementary Color

#ec7028
```
#ec7028 rgb(236,112,40)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#a4ec28
```
#a4ec28 rgb(164,236,40)
```

Analogous Color

#7028ec
```
#7028ec rgb(112,40,236)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#28a4ec
```
#28a4ec rgb(40,164,236)
```

Split Complementary Color

#d228ec
```
#d228ec rgb(210,40,236)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#28ecd2
```
#28ecd2 rgb(40,236,210)
```

Triadic Color

#ec2842
```
#ec2842 rgb(236,40,66)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#28ecd2
```
#28ecd2 rgb(40,236,210)
```
#2842ec
```
#2842ec rgb(40,66,236)
```

Tetradic Color

#b7a110
```
#b7a110 rgb(183,161,16)
```
#cfb612
```
#cfb612 rgb(207,182,18)
```
#e6ca14
```
#e6ca14 rgb(230,202,20)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#eed73f
```
#eed73f rgb(238,215,63)
```
#f0dc57
```
#f0dc57 rgb(240,220,87)
```
#f2e16e
```
#f2e16e rgb(242,225,110)
```

Monochromatic Color

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

#eca128
```
#eca128 rgb(236,161,40)
```
#ecb128
```
#ecb128 rgb(236,177,40)
```
#ecc228
```
#ecc228 rgb(236,194,40)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#ece228
```
#ece228 rgb(236,226,40)
```
#e5ec28
```
#e5ec28 rgb(229,236,40)
```
#d5ec28
```
#d5ec28 rgb(213,236,40)
```

Similar Colors

Text with hexadecimal color #ecd228

This text has a font color of #ecd228.

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

#ecd228 background color

This paragraph has a background color of #ecd228.

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

#ecd228 border color

This element has a border color of #ecd228.

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

CSS codes

.text {color:#ecd228;}

.background {background-color:#ecd228;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#131102
```
#131102 rgb(19,17,2)
```
#252103
```
#252103 rgb(37,33,3)
```
#373105
```
#373105 rgb(55,49,5)
```
#494006
```
#494006 rgb(73,64,6)
```
#5b5008
```
#5b5008 rgb(91,80,8)
```
#6d600a
```
#6d600a rgb(109,96,10)
```
#7f700b
```
#7f700b rgb(127,112,11)
```
#91800d
```
#91800d rgb(145,128,13)
```
#a3900e
```
#a3900e rgb(163,144,14)
```
#b5a010
```
#b5a010 rgb(181,160,16)
```
#c8af12
```
#c8af12 rgb(200,175,18)
```
#dabf13
```
#dabf13 rgb(218,191,19)
```

Shade Color Variation

#eace16
```
#eace16 rgb(234,206,22)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#eed63a
```
#eed63a rgb(238,214,58)
```
#efda4c
```
#efda4c rgb(239,218,76)
```
#f1dd5e
```
#f1dd5e rgb(241,221,94)
```
#f2e170
```
#f2e170 rgb(242,225,112)
```
#f4e582
```
#f4e582 rgb(244,229,130)
```
#f6e994
```
#f6e994 rgb(246,233,148)
```
#f7eca6
```
#f7eca6 rgb(247,236,166)
```
#f9f0b8
```
#f9f0b8 rgb(249,240,184)
```
#faf4ca
```
#faf4ca rgb(250,244,202)
```
#fcf8dc
```
#fcf8dc rgb(252,248,220)
```
#fefbee
```
#fefbee rgb(254,251,238)
```

Tint Color Variation

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

#929082
```
#929082 rgb(146,144,130)
```
#9b9679
```
#9b9679 rgb(155,150,121)
```
#a49d70
```
#a49d70 rgb(164,157,112)
```
#ada467
```
#ada467 rgb(173,164,103)
```
#b6aa5e
```
#b6aa5e rgb(182,170,94)
```
#bfb155
```
#bfb155 rgb(191,177,85)
```
#c8b84c
```
#c8b84c rgb(200,184,76)
```
#d1be43
```
#d1be43 rgb(209,190,67)
```
#dac53a
```
#dac53a rgb(218,197,58)
```
#e3cb31
```
#e3cb31 rgb(227,203,49)
```
#ecd228
```
#ecd228 rgb(236,210,40)
```
#f5d91f
```
#f5d91f rgb(245,217,31)
```
#fedf16
```
#fedf16 rgb(254,223,22)
```

Tone Color Variation

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

Dichromacy

#edd433 Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#f9c6d4 Tritanopia 0.001% of the population

Trichromacy

#ecd32f Protanomaly 1% of men, 0.01% of women
#f8ce57 Deuteranomaly 6% of men, 0.4% of women
#f4ca95 Tritanomaly 0.01% of the population