Hex Color #3F2689 - Custom Color

Color Codes

HEX

#3F2689

RGB

rgb(63, 38, 137)

HSL

hsl(255, 57%, 34%)

CMYK

cmyk(54%, 72%, 0%, 46%)

HSV

hsv(255, 72%, 54%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#253E88 #3E2588 #6F2588

Triadic

#3E2588 #883E25 #25883E

Split Complementary

#3E2588 #886F25 #3E8825

Tetradic (Square)

#3E2588 #88253E #6F8825 #25886F

Complementary

#3F2689 #6F8825

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.35:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.85: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: #3F2689;

color: #3F2689;

border-color: #3F2689;

}

Tailwind CSS (with arbitrary values)

bg-[#3F2689]

text-[#3F2689]

border-[#3F2689]

// Example usage: