Hex Color #27B7DA - Custom Color

Color Codes

HEX

#27B7DA

RGB

rgb(39, 183, 218)

HSL

hsl(192, 71%, 50%)

CMYK

cmyk(82%, 16%, 0%, 15%)

HSV

hsv(192, 82%, 85%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#25DAA4 #25B6DA #255BDA

Triadic

#25B6DA #DA25B6 #B6DA25

Split Complementary

#25B6DA #DA255B #DAA425

Tetradic (Square)

#25B6DA #A425DA #DA4925 #5BDA25

Complementary

#27B7DA #DA4925

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.37:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.87: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: #27B7DA;

color: #27B7DA;

border-color: #27B7DA;

}

Tailwind CSS (with arbitrary values)

bg-[#27B7DA]

text-[#27B7DA]

border-[#27B7DA]

// Example usage: