Hex Color #CFC467 - Custom Color

Color Codes

HEX

#CFC467

RGB

rgb(207, 196, 103)

HSL

hsl(54, 52%, 61%)

CMYK

cmyk(0%, 5%, 50%, 19%)

HSV

hsv(54, 50%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CF9168 #CFC568 #A6CF68

Triadic

#CFC568 #68CFC5 #C568CF

Split Complementary

#CFC568 #68A6CF #9168CF

Tetradic (Square)

#CFC568 #68CF91 #6872CF #CF68A6

Complementary

#CFC467 #6872CF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.74: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: #CFC467;

color: #CFC467;

border-color: #CFC467;

}

Tailwind CSS (with arbitrary values)

bg-[#CFC467]

text-[#CFC467]

border-[#CFC467]

// Example usage: