Hex Color #33DBCA - Custom Color

Color Codes

HEX

#33DBCA

RGB

rgb(51, 219, 202)

HSL

hsl(174, 70%, 53%)

CMYK

cmyk(77%, 0%, 8%, 14%)

HSV

hsv(174, 77%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#33DB76 #33DBCA #3398DB

Triadic

#33DBCA #CA33DB #DBCA33

Split Complementary

#33DBCA #DB3398 #DB7633

Tetradic (Square)

#33DBCA #7633DB #DB3344 #98DB33

Complementary

#33DBCA #DB3344

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.73:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.13: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: #33DBCA;

color: #33DBCA;

border-color: #33DBCA;

}

Tailwind CSS (with arbitrary values)

bg-[#33DBCA]

text-[#33DBCA]

border-[#33DBCA]

// Example usage: