Hex Color #311667 - Custom Color

Color Codes

HEX

#311667

RGB

rgb(49, 22, 103)

HSL

hsl(260, 65%, 25%)

CMYK

cmyk(52%, 79%, 0%, 60%)

HSV

hsv(260, 79%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#162469 #321669 #5B1669

Triadic

#321669 #693216 #166932

Split Complementary

#321669 #695B16 #246916

Tetradic (Square)

#321669 #691624 #4E6916 #16695B

Complementary

#311667 #4E6916

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.44: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: #311667;

color: #311667;

border-color: #311667;

}

Tailwind CSS (with arbitrary values)

bg-[#311667]

text-[#311667]

border-[#311667]

// Example usage: