Hex Color #66AC48 - Custom Color

Color Codes

HEX

#66AC48

RGB

rgb(102, 172, 72)

HSL

hsl(102, 41%, 48%)

CMYK

cmyk(41%, 0%, 58%, 33%)

HSV

hsv(102, 58%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#99AD48 #66AD48 #48AD5C

Triadic

#66AD48 #4866AD #AD4866

Split Complementary

#66AD48 #5C48AD #AD4899

Tetradic (Square)

#66AD48 #4899AD #8E48AD #AD5C48

Complementary

#66AC48 #8E48AD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.78:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.56: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: #66AC48;

color: #66AC48;

border-color: #66AC48;

}

Tailwind CSS (with arbitrary values)

bg-[#66AC48]

text-[#66AC48]

border-[#66AC48]

// Example usage: