Hex Color #CFB67E - Custom Color

Color Codes

HEX

#CFB67E

RGB

rgb(207, 182, 126)

HSL

hsl(41, 46%, 65%)

CMYK

cmyk(0%, 12%, 39%, 19%)

HSV

hsv(41, 39%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CF8C7D #CFB57D #C0CF7D

Triadic

#CFB57D #7DCFB5 #B57DCF

Split Complementary

#CFB57D #7DC0CF #8C7DCF

Tetradic (Square)

#CFB57D #7DCF8C #7D97CF #CF7DC0

Complementary

#CFB67E #7D97CF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.97:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.65:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #CFB67E;

color: #CFB67E;

border-color: #CFB67E;

}

Tailwind CSS (with arbitrary values)

bg-[#CFB67E]

text-[#CFB67E]

border-[#CFB67E]

// Example usage: