Hex Color #3904AF - Custom Color

Color Codes

HEX

#3904AF

RGB

rgb(57, 4, 175)

HSL

hsl(259, 96%, 35%)

CMYK

cmyk(67%, 98%, 0%, 31%)

HSV

hsv(259, 98%, 69%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0423AF #3A04AF #9004AF

Triadic

#3A04AF #AF3A04 #04AF3A

Split Complementary

#3A04AF #AF9004 #23AF04

Tetradic (Square)

#3A04AF #AF0423 #79AF04 #04AF90

Complementary

#3904AF #79AF04

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.60:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.81: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: #3904AF;

color: #3904AF;

border-color: #3904AF;

}

Tailwind CSS (with arbitrary values)

bg-[#3904AF]

text-[#3904AF]

border-[#3904AF]

// Example usage: