Hex Color #9AEEDF - Custom Color

Color Codes

HEX

#9AEEDF

RGB

rgb(154, 238, 223)

HSL

hsl(169, 71%, 77%)

CMYK

cmyk(35%, 0%, 6%, 7%)

HSV

hsv(169, 35%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9BEEB5 #9BEEDF #9BD4EE

Triadic

#9BEEDF #DF9BEE #EEDF9B

Split Complementary

#9BEEDF #EE9BD4 #EEB59B

Tetradic (Square)

#9BEEDF #B59BEE #EE9BAA #D4EE9B

Complementary

#9AEEDF #EE9BAA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.34:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.67: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: #9AEEDF;

color: #9AEEDF;

border-color: #9AEEDF;

}

Tailwind CSS (with arbitrary values)

bg-[#9AEEDF]

text-[#9AEEDF]

border-[#9AEEDF]

// Example usage: