Hex Color #45DF72 - Custom Color

Color Codes

HEX

#45DF72

RGB

rgb(69, 223, 114)

HSL

hsl(138, 71%, 57%)

CMYK

cmyk(69%, 0%, 49%, 13%)

HSV

hsv(138, 69%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#63DF43 #43DF72 #43DFC0

Triadic

#43DF72 #7243DF #DF7243

Split Complementary

#43DF72 #C043DF #DF4363

Tetradic (Square)

#43DF72 #4363DF #DF43B0 #DFC043

Complementary

#45DF72 #DF43B0

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.05: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: #45DF72;

color: #45DF72;

border-color: #45DF72;

}

Tailwind CSS (with arbitrary values)

bg-[#45DF72]

text-[#45DF72]

border-[#45DF72]

// Example usage: