Hex Color #FAE553 - Custom Color

Color Codes

HEX

#FAE553

RGB

rgb(250, 229, 83)

HSL

hsl(52, 94%, 65%)

CMYK

cmyk(0%, 8%, 67%, 2%)

HSV

hsv(52, 67%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FA8F52 #FAE352 #BCFA52

Triadic

#FAE352 #52FAE3 #E352FA

Split Complementary

#FAE352 #52BCFA #8F52FA

Tetradic (Square)

#FAE352 #52FA8F #5268FA #FA52BC

Complementary

#FAE553 #5268FA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.40: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: #FAE553;

color: #FAE553;

border-color: #FAE553;

}

Tailwind CSS (with arbitrary values)

bg-[#FAE553]

text-[#FAE553]

border-[#FAE553]

// Example usage: