Hex Color #CDC298 - Custom Color

Color Codes

HEX

#CDC298

RGB

rgb(205, 194, 152)

HSL

hsl(48, 35%, 70%)

CMYK

cmyk(0%, 5%, 26%, 20%)

HSV

hsv(48, 26%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CDA898 #CDC398 #BDCD98

Triadic

#CDC398 #98CDC3 #C398CD

Split Complementary

#CDC398 #98BDCD #A898CD

Tetradic (Square)

#CDC398 #98CDA8 #98A2CD #CD98BD

Complementary

#CDC298 #98A2CD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.78:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.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: #CDC298;

color: #CDC298;

border-color: #CDC298;

}

Tailwind CSS (with arbitrary values)

bg-[#CDC298]

text-[#CDC298]

border-[#CDC298]

// Example usage: