Hex Color #78DCC2 - Custom Color

Color Codes

HEX

#78DCC2

RGB

rgb(120, 220, 194)

HSL

hsl(164, 59%, 67%)

CMYK

cmyk(45%, 0%, 12%, 14%)

HSV

hsv(164, 45%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#79DC90 #79DCC2 #79C5DC

Triadic

#79DCC2 #C279DC #DCC279

Split Complementary

#79DCC2 #DC79C5 #DC9079

Tetradic (Square)

#79DCC2 #9079DC #DC7994 #C5DC79

Complementary

#78DCC2 #DC7994

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.81: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: #78DCC2;

color: #78DCC2;

border-color: #78DCC2;

}

Tailwind CSS (with arbitrary values)

bg-[#78DCC2]

text-[#78DCC2]

border-[#78DCC2]

// Example usage: