Hex Color #FDE58E - Custom Color

Color Codes

HEX

#FDE58E

RGB

rgb(253, 229, 142)

HSL

hsl(47, 97%, 77%)

CMYK

cmyk(0%, 9%, 44%, 1%)

HSV

hsv(47, 44%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FDAC8B #FDE58B #DDFD8B

Triadic

#FDE58B #8BFDE5 #E58BFD

Split Complementary

#FDE58B #8BDDFD #AC8BFD

Tetradic (Square)

#FDE58B #8BFDAC #8BA4FD #FD8BDD

Complementary

#FDE58E #8BA4FD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.25:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.77: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: #FDE58E;

color: #FDE58E;

border-color: #FDE58E;

}

Tailwind CSS (with arbitrary values)

bg-[#FDE58E]

text-[#FDE58E]

border-[#FDE58E]

// Example usage: