Hex Color #70E671 - Custom Color

Color Codes

HEX

#70E671

RGB

rgb(112, 230, 113)

HSL

hsl(121, 70%, 67%)

CMYK

cmyk(51%, 0%, 51%, 10%)

HSV

hsv(121, 51%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A9E670 #70E672 #70E6AD

Triadic

#70E672 #7270E6 #E67270

Split Complementary

#70E672 #AD70E6 #E670A9

Tetradic (Square)

#70E672 #70A9E6 #E670E4 #E6AD70

Complementary

#70E671 #E670E4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.25: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: #70E671;

color: #70E671;

border-color: #70E671;

}

Tailwind CSS (with arbitrary values)

bg-[#70E671]

text-[#70E671]

border-[#70E671]

// Example usage: