Hex Color #44F153 - Custom Color

Color Codes

HEX

#44F153

RGB

rgb(68, 241, 83)

HSL

hsl(125, 86%, 61%)

CMYK

cmyk(72%, 0%, 66%, 5%)

HSV

hsv(125, 72%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8DF146 #46F154 #46F1AA

Triadic

#46F154 #5446F1 #F15446

Split Complementary

#46F154 #AA46F1 #F1468D

Tetradic (Square)

#46F154 #468DF1 #F146E3 #F1AA46

Complementary

#44F153 #F146E3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.95: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: #44F153;

color: #44F153;

border-color: #44F153;

}

Tailwind CSS (with arbitrary values)

bg-[#44F153]

text-[#44F153]

border-[#44F153]

// Example usage: