Hex Color #3B149E - Custom Color

Color Codes

HEX

#3B149E

RGB

rgb(59, 20, 158)

HSL

hsl(257, 78%, 35%)

CMYK

cmyk(63%, 87%, 0%, 38%)

HSV

hsv(257, 87%, 62%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#14329F #3B149F #81149F

Triadic

#3B149F #9F3B14 #149F3B

Split Complementary

#3B149F #9F8114 #329F14

Tetradic (Square)

#3B149F #9F1432 #779F14 #149F81

Complementary

#3B149E #779F14

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.80:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.78: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: #3B149E;

color: #3B149E;

border-color: #3B149E;

}

Tailwind CSS (with arbitrary values)

bg-[#3B149E]

text-[#3B149E]

border-[#3B149E]

// Example usage: