Hex Color #343173 - Custom Color

Color Codes

HEX

#343173

RGB

rgb(52, 49, 115)

HSL

hsl(243, 40%, 32%)

CMYK

cmyk(55%, 57%, 0%, 55%)

HSV

hsv(243, 57%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#314E72 #343172 #553172

Triadic

#343172 #723431 #317234

Split Complementary

#343172 #725531 #4E7231

Tetradic (Square)

#343172 #72314E #6F7231 #317255

Complementary

#343173 #6F7231

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.83: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: #343173;

color: #343173;

border-color: #343173;

}

Tailwind CSS (with arbitrary values)

bg-[#343173]

text-[#343173]

border-[#343173]

// Example usage: