Hex Color #33DDD8 - Custom Color

Color Codes

HEX

#33DDD8

RGB

rgb(51, 221, 216)

HSL

hsl(178, 71%, 53%)

CMYK

cmyk(77%, 0%, 2%, 13%)

HSV

hsv(178, 77%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#32DC81 #32DCD7 #328DDC

Triadic

#32DCD7 #D732DC #DCD732

Split Complementary

#32DCD7 #DC328D #DC8132

Tetradic (Square)

#32DCD7 #8132DC #DC3238 #8DDC32

Complementary

#33DDD8 #DC3238

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.68:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.47: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: #33DDD8;

color: #33DDD8;

border-color: #33DDD8;

}

Tailwind CSS (with arbitrary values)

bg-[#33DDD8]

text-[#33DDD8]

border-[#33DDD8]

// Example usage: