Hex Color #FCC65C - Custom Color

Color Codes

HEX

#FCC65C

RGB

rgb(252, 198, 92)

HSL

hsl(40, 96%, 67%)

CMYK

cmyk(0%, 21%, 63%, 1%)

HSV

hsv(40, 63%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FC755A #FCC65A #E1FC5A

Triadic

#FCC65A #5AFCC6 #C65AFC

Split Complementary

#FCC65A #5AE1FC #755AFC

Tetradic (Square)

#FCC65A #5AFC75 #5A90FC #FC5AE1

Complementary

#FCC65C #5A90FC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.57:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.37: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: #FCC65C;

color: #FCC65C;

border-color: #FCC65C;

}

Tailwind CSS (with arbitrary values)

bg-[#FCC65C]

text-[#FCC65C]

border-[#FCC65C]

// Example usage: