Hex Color #9CA356 - Custom Color

Color Codes

HEX

#9CA356

RGB

rgb(156, 163, 86)

HSL

hsl(65, 31%, 49%)

CMYK

cmyk(4%, 0%, 47%, 36%)

HSV

hsv(65, 47%, 64%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A48356 #9DA456 #76A456

Triadic

#9DA456 #569DA4 #A4569D

Split Complementary

#9DA456 #5676A4 #8356A4

Tetradic (Square)

#9DA456 #56A483 #5D56A4 #A45676

Complementary

#9CA356 #5D56A4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.70:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.79: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: #9CA356;

color: #9CA356;

border-color: #9CA356;

}

Tailwind CSS (with arbitrary values)

bg-[#9CA356]

text-[#9CA356]

border-[#9CA356]

// Example usage: