Hex Color #403360 - Custom Color

Color Codes

HEX

#403360

RGB

rgb(64, 51, 96)

HSL

hsl(257, 31%, 29%)

CMYK

cmyk(33%, 47%, 0%, 62%)

HSV

hsv(257, 47%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#333D61 #403361 #573361

Triadic

#403361 #614033 #336140

Split Complementary

#403361 #615733 #3D6133

Tetradic (Square)

#403361 #61333D #546133 #336157

Complementary

#403360 #546133

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.29:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.86: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: #403360;

color: #403360;

border-color: #403360;

}

Tailwind CSS (with arbitrary values)

bg-[#403360]

text-[#403360]

border-[#403360]

// Example usage: