Hex Color #6ADFB6 - Custom Color

Color Codes

HEX

#6ADFB6

RGB

rgb(106, 223, 182)

HSL

hsl(159, 65%, 65%)

CMYK

cmyk(52%, 0%, 18%, 13%)

HSV

hsv(159, 52%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6CE07D #6CE0B7 #6CCEE0

Triadic

#6CE0B7 #B76CE0 #E0B76C

Split Complementary

#6CE0B7 #E06CCE #E07D6C

Tetradic (Square)

#6CE0B7 #7D6CE0 #E06C94 #CEE06C

Complementary

#6ADFB6 #E06C94

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.84: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: #6ADFB6;

color: #6ADFB6;

border-color: #6ADFB6;

}

Tailwind CSS (with arbitrary values)

bg-[#6ADFB6]

text-[#6ADFB6]

border-[#6ADFB6]

// Example usage: