Hex Color #476380 - Custom Color

Color Codes

HEX

#476380

RGB

rgb(71, 99, 128)

HSL

hsl(211, 29%, 39%)

CMYK

cmyk(45%, 23%, 0%, 50%)

HSV

hsv(211, 45%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#477F80 #476280 #484780

Triadic

#476280 #804762 #628047

Split Complementary

#476280 #804847 #7F8047

Tetradic (Square)

#476280 #80477F #806447 #478048

Complementary

#476380 #806447

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.24:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.36: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: #476380;

color: #476380;

border-color: #476380;

}

Tailwind CSS (with arbitrary values)

bg-[#476380]

text-[#476380]

border-[#476380]

// Example usage: