Hex Color #4943B3 - Custom Color

Color Codes

HEX

#4943B3

RGB

rgb(73, 67, 179)

HSL

hsl(243, 46%, 48%)

CMYK

cmyk(59%, 63%, 0%, 30%)

HSV

hsv(243, 63%, 70%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4275B3 #4842B3 #8042B3

Triadic

#4842B3 #B34842 #42B348

Split Complementary

#4842B3 #B38042 #75B342

Tetradic (Square)

#4842B3 #B34275 #ADB342 #42B380

Complementary

#4943B3 #ADB342

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.67:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.74: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: #4943B3;

color: #4943B3;

border-color: #4943B3;

}

Tailwind CSS (with arbitrary values)

bg-[#4943B3]

text-[#4943B3]

border-[#4943B3]

// Example usage: