Hex Color #6ADEC6 - Custom Color

Color Codes

HEX

#6ADEC6

RGB

rgb(106, 222, 198)

HSL

hsl(168, 64%, 64%)

CMYK

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

HSV

hsv(168, 52%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#68DE8C #68DEC6 #68BBDE

Triadic

#68DEC6 #C668DE #DEC668

Split Complementary

#68DEC6 #DE68BB #DE8C68

Tetradic (Square)

#68DEC6 #8C68DE #DE6880 #BBDE68

Complementary

#6ADEC6 #DE6880

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.63:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.88: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: #6ADEC6;

color: #6ADEC6;

border-color: #6ADEC6;

}

Tailwind CSS (with arbitrary values)

bg-[#6ADEC6]

text-[#6ADEC6]

border-[#6ADEC6]

// Example usage: