Hex Color #05BCDB - Custom Color

Color Codes

HEX

#05BCDB

RGB

rgb(5, 188, 219)

HSL

hsl(189, 96%, 44%)

CMYK

cmyk(98%, 14%, 0%, 14%)

HSV

hsv(189, 98%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#04DC91 #04BCDC #0450DC

Triadic

#04BCDC #DC04BC #BCDC04

Split Complementary

#04BCDC #DC0450 #DC9104

Tetradic (Square)

#04BCDC #9104DC #DC2504 #50DC04

Complementary

#05BCDB #DC2504

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.22: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: #05BCDB;

color: #05BCDB;

border-color: #05BCDB;

}

Tailwind CSS (with arbitrary values)

bg-[#05BCDB]

text-[#05BCDB]

border-[#05BCDB]

// Example usage: