Hex Color #ECD438 - Custom Color

Color Codes

HEX

#ECD438

RGB

rgb(236, 212, 56)

HSL

hsl(52, 83%, 57%)

CMYK

cmyk(0%, 10%, 76%, 7%)

HSV

hsv(52, 76%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EC7936 #ECD436 #AAEC36

Triadic

#ECD436 #36ECD4 #D436EC

Split Complementary

#ECD436 #36AAEC #7936EC

Tetradic (Square)

#ECD436 #36EC79 #364FEC #EC36AA

Complementary

#ECD438 #364FEC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.50:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.04:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ECD438;

color: #ECD438;

border-color: #ECD438;

}

Tailwind CSS (with arbitrary values)

bg-[#ECD438]

text-[#ECD438]

border-[#ECD438]

// Example usage: