Hex Color #3420E7 - Custom Color

Color Codes

HEX

#3420E7

RGB

rgb(52, 32, 231)

HSL

hsl(246, 81%, 52%)

CMYK

cmyk(77%, 86%, 0%, 9%)

HSV

hsv(246, 86%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2171E8 #3521E8 #9821E8

Triadic

#3521E8 #E83521 #21E835

Split Complementary

#3521E8 #E89821 #71E821

Tetradic (Square)

#3521E8 #E82171 #D4E821 #21E898

Complementary

#3420E7 #D4E821

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.38:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.51: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: #3420E7;

color: #3420E7;

border-color: #3420E7;

}

Tailwind CSS (with arbitrary values)

bg-[#3420E7]

text-[#3420E7]

border-[#3420E7]

// Example usage: