Hex Color #321ACF - Custom Color

Color Codes

HEX

#321ACF

RGB

rgb(50, 26, 207)

HSL

hsl(248, 78%, 46%)

CMYK

cmyk(76%, 87%, 0%, 19%)

HSV

hsv(248, 87%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1A5DD1 #321AD1 #8E1AD1

Triadic

#321AD1 #D1321A #1AD132

Split Complementary

#321AD1 #D18E1A #5DD11A

Tetradic (Square)

#321AD1 #D11A5D #B8D11A #1AD18E

Complementary

#321ACF #B8D11A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.61:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.18: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: #321ACF;

color: #321ACF;

border-color: #321ACF;

}

Tailwind CSS (with arbitrary values)

bg-[#321ACF]

text-[#321ACF]

border-[#321ACF]

// Example usage: