Hex Color #70FDCA - Custom Color

Color Codes

HEX

#70FDCA

RGB

rgb(112, 253, 202)

HSL

hsl(158, 97%, 72%)

CMYK

cmyk(56%, 0%, 20%, 1%)

HSV

hsv(158, 56%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#72FD85 #72FDCA #72EAFD

Triadic

#72FDCA #CA72FD #FDCA72

Split Complementary

#72FDCA #FD72EA #FD8572

Tetradic (Square)

#72FDCA #8572FD #FD72A5 #EAFD72

Complementary

#70FDCA #FD72A5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.27:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.59: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: #70FDCA;

color: #70FDCA;

border-color: #70FDCA;

}

Tailwind CSS (with arbitrary values)

bg-[#70FDCA]

text-[#70FDCA]

border-[#70FDCA]

// Example usage: