Hex Color #3ACB9F - Custom Color

Color Codes

HEX

#3ACB9F

RGB

rgb(58, 203, 159)

HSL

hsl(162, 58%, 51%)

CMYK

cmyk(71%, 0%, 22%, 20%)

HSV

hsv(162, 71%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3ACB57 #3ACB9F #3AAECB

Triadic

#3ACB9F #9F3ACB #CB9F3A

Split Complementary

#3ACB9F #CB3AAE #CB573A

Tetradic (Square)

#3ACB9F #573ACB #CB3A65 #AECB3A

Complementary

#3ACB9F #CB3A65

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.05:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.22:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #3ACB9F;

color: #3ACB9F;

border-color: #3ACB9F;

}

Tailwind CSS (with arbitrary values)

bg-[#3ACB9F]

text-[#3ACB9F]

border-[#3ACB9F]

// Example usage: