Hex Color #ABCB98 - Custom Color

Color Codes

HEX

#ABCB98

RGB

rgb(171, 203, 152)

HSL

hsl(98, 33%, 70%)

CMYK

cmyk(16%, 0%, 25%, 20%)

HSV

hsv(98, 25%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C5CC99 #ACCC99 #99CCA0

Triadic

#ACCC99 #99ACCC #CC99AC

Split Complementary

#ACCC99 #A099CC #CC99C5

Tetradic (Square)

#ACCC99 #99C5CC #B999CC #CCA099

Complementary

#ABCB98 #B999CC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.73: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: #ABCB98;

color: #ABCB98;

border-color: #ABCB98;

}

Tailwind CSS (with arbitrary values)

bg-[#ABCB98]

text-[#ABCB98]

border-[#ABCB98]

// Example usage: