Hex Color #18CDB9 - Custom Color

Color Codes

HEX

#18CDB9

RGB

rgb(24, 205, 185)

HSL

hsl(173, 79%, 45%)

CMYK

cmyk(88%, 0%, 10%, 20%)

HSV

hsv(173, 88%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#18CD5E #18CDB8 #1888CD

Triadic

#18CDB8 #B818CD #CDB818

Split Complementary

#18CDB8 #CD1888 #CD5E18

Tetradic (Square)

#18CDB8 #5E18CD #CD182D #88CD18

Complementary

#18CDB9 #CD182D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.01:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.47: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: #18CDB9;

color: #18CDB9;

border-color: #18CDB9;

}

Tailwind CSS (with arbitrary values)

bg-[#18CDB9]

text-[#18CDB9]

border-[#18CDB9]

// Example usage: