Hex Color #ABCDAE - Custom Color

Color Codes

HEX

#ABCDAE

RGB

rgb(171, 205, 174)

HSL

hsl(125, 25%, 74%)

CMYK

cmyk(17%, 0%, 15%, 20%)

HSV

hsv(125, 17%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BACDAC #ACCDAF #ACCDBF

Triadic

#ACCDAF #AFACCD #CDAFAC

Split Complementary

#ACCDAF #BFACCD #CDACBA

Tetradic (Square)

#ACCDAF #ACBACD #CDACCB #CDBFAC

Complementary

#ABCDAE #CDACCB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.74:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.08: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: #ABCDAE;

color: #ABCDAE;

border-color: #ABCDAE;

}

Tailwind CSS (with arbitrary values)

bg-[#ABCDAE]

text-[#ABCDAE]

border-[#ABCDAE]

// Example usage: