Hex Color #16DEBA - Custom Color

Color Codes

HEX

#16DEBA

RGB

rgb(22, 222, 186)

HSL

hsl(169, 82%, 48%)

CMYK

cmyk(90%, 0%, 16%, 13%)

HSV

hsv(169, 90%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#16DF56 #16DFBA #169FDF

Triadic

#16DFBA #BA16DF #DFBA16

Split Complementary

#16DFBA #DF169F #DF5616

Tetradic (Square)

#16DFBA #5616DF #DF163B #9FDF16

Complementary

#16DEBA #DF163B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.72:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.19: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: #16DEBA;

color: #16DEBA;

border-color: #16DEBA;

}

Tailwind CSS (with arbitrary values)

bg-[#16DEBA]

text-[#16DEBA]

border-[#16DEBA]

// Example usage: