Hex Color #CAD032 - Custom Color

Color Codes

HEX

#CAD032

RGB

rgb(202, 208, 50)

HSL

hsl(62, 63%, 51%)

CMYK

cmyk(3%, 0%, 76%, 18%)

HSV

hsv(62, 76%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D18733 #CCD133 #7DD133

Triadic

#CCD133 #33CCD1 #D133CC

Split Complementary

#CCD133 #337DD1 #8733D1

Tetradic (Square)

#CCD133 #33D187 #3933D1 #D1337D

Complementary

#CAD032 #3933D1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.58: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: #CAD032;

color: #CAD032;

border-color: #CAD032;

}

Tailwind CSS (with arbitrary values)

bg-[#CAD032]

text-[#CAD032]

border-[#CAD032]

// Example usage: