Hex Color #311978 - Custom Color

Color Codes

HEX

#311978

RGB

rgb(49, 25, 120)

HSL

hsl(255, 66%, 28%)

CMYK

cmyk(59%, 79%, 0%, 53%)

HSV

hsv(255, 79%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#183077 #301877 #5F1877

Triadic

#301877 #773018 #187730

Split Complementary

#301877 #775F18 #307718

Tetradic (Square)

#301877 #771830 #5F7718 #18775F

Complementary

#311978 #5F7718

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 13.63:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.54: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: #311978;

color: #311978;

border-color: #311978;

}

Tailwind CSS (with arbitrary values)

bg-[#311978]

text-[#311978]

border-[#311978]

// Example usage: