Hex Color #CBD328 - Custom Color

Color Codes

HEX

#CBD328

RGB

rgb(203, 211, 40)

HSL

hsl(63, 68%, 49%)

CMYK

cmyk(4%, 0%, 81%, 17%)

HSV

hsv(63, 81%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D28528 #C9D228 #74D228

Triadic

#C9D228 #28C9D2 #D228C9

Split Complementary

#C9D228 #2874D2 #8528D2

Tetradic (Square)

#C9D228 #28D285 #3028D2 #D22874

Complementary

#CBD328 #3028D2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.63:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.89: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: #CBD328;

color: #CBD328;

border-color: #CBD328;

}

Tailwind CSS (with arbitrary values)

bg-[#CBD328]

text-[#CBD328]

border-[#CBD328]

// Example usage: