Hex Color #50DAEA - Custom Color

Color Codes

HEX

#50DAEA

RGB

rgb(80, 218, 234)

HSL

hsl(186, 79%, 62%)

CMYK

cmyk(66%, 7%, 0%, 8%)

HSV

hsv(186, 66%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#52EBAD #52DBEB #528FEB

Triadic

#52DBEB #EB52DB #DBEB52

Split Complementary

#52DBEB #EB528F #EBAD52

Tetradic (Square)

#52DBEB #AD52EB #EB6152 #8FEB52

Complementary

#50DAEA #EB6152

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.56: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: #50DAEA;

color: #50DAEA;

border-color: #50DAEA;

}

Tailwind CSS (with arbitrary values)

bg-[#50DAEA]

text-[#50DAEA]

border-[#50DAEA]

// Example usage: