Hex Color #1556D5 - Custom Color

Color Codes

HEX

#1556D5

RGB

rgb(21, 86, 213)

HSL

hsl(220, 82%, 46%)

CMYK

cmyk(90%, 60%, 0%, 16%)

HSV

hsv(220, 90%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#15B5D5 #1555D5 #3515D5

Triadic

#1555D5 #D51555 #55D515

Split Complementary

#1555D5 #D53515 #B5D515

Tetradic (Square)

#1555D5 #D515B5 #D59515 #15D535

Complementary

#1556D5 #D59515

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.32:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.32:1

Fail - WCAG AA (Normal Text)

Fail - 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: #1556D5;

color: #1556D5;

border-color: #1556D5;

}

Tailwind CSS (with arbitrary values)

bg-[#1556D5]

text-[#1556D5]

border-[#1556D5]

// Example usage: