Hex Color #44AAAB - Custom Color

Color Codes

HEX

#44AAAB

RGB

rgb(68, 170, 171)

HSL

hsl(181, 43%, 47%)

CMYK

cmyk(60%, 1%, 0%, 33%)

HSV

hsv(181, 60%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#44AB7A #44AAAB #4476AB

Triadic

#44AAAB #AB44AA #AAAB44

Split Complementary

#44AAAB #AB4476 #AB7A44

Tetradic (Square)

#44AAAB #7A44AB #AB4644 #76AB44

Complementary

#44AAAB #AB4644

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.77:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.58: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: #44AAAB;

color: #44AAAB;

border-color: #44AAAB;

}

Tailwind CSS (with arbitrary values)

bg-[#44AAAB]

text-[#44AAAB]

border-[#44AAAB]

// Example usage: