Hex Color #556874 - Custom Color

Color Codes

HEX

#556874

RGB

rgb(85, 104, 116)

HSL

hsl(203, 15%, 39%)

CMYK

cmyk(27%, 10%, 0%, 55%)

HSV

hsv(203, 27%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#55726F #556772 #555872

Triadic

#556772 #725567 #677255

Split Complementary

#556772 #725558 #726F55

Tetradic (Square)

#556772 #6F5572 #726055 #587255

Complementary

#556874 #726055

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.80:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.62: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: #556874;

color: #556874;

border-color: #556874;

}

Tailwind CSS (with arbitrary values)

bg-[#556874]

text-[#556874]

border-[#556874]

// Example usage: