Hex Color #44D497 - Custom Color

Color Codes

HEX

#44D497

RGB

rgb(68, 212, 151)

HSL

hsl(155, 63%, 55%)

CMYK

cmyk(68%, 0%, 29%, 17%)

HSV

hsv(155, 68%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#44D550 #44D598 #44C8D5

Triadic

#44D598 #9844D5 #D59844

Split Complementary

#44D598 #D544C8 #D55044

Tetradic (Square)

#44D598 #5044D5 #D54480 #C8D544

Complementary

#44D497 #D54480

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.89:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.11: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: #44D497;

color: #44D497;

border-color: #44D497;

}

Tailwind CSS (with arbitrary values)

bg-[#44D497]

text-[#44D497]

border-[#44D497]

// Example usage: