Hex Color #56B6FB - Custom Color

Color Codes

HEX

#56B6FB

RGB

rgb(86, 182, 251)

HSL

hsl(205, 95%, 66%)

CMYK

cmyk(66%, 27%, 0%, 2%)

HSV

hsv(205, 66%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#56FBED #56B6FB #5664FB

Triadic

#56B6FB #FB56B6 #B6FB56

Split Complementary

#56B6FB #FB5664 #FBED56

Tetradic (Square)

#56B6FB #ED56FB #FB9B56 #64FB56

Complementary

#56B6FB #FB9B56

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.22:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.48: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: #56B6FB;

color: #56B6FB;

border-color: #56B6FB;

}

Tailwind CSS (with arbitrary values)

bg-[#56B6FB]

text-[#56B6FB]

border-[#56B6FB]

// Example usage: