Hex Color #22349F - Custom Color

Color Codes

HEX

#22349F

RGB

rgb(34, 52, 159)

HSL

hsl(231, 65%, 38%)

CMYK

cmyk(79%, 67%, 0%, 38%)

HSV

hsv(231, 79%, 62%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2274A0 #2235A0 #4E22A0

Triadic

#2235A0 #A02235 #35A022

Split Complementary

#2235A0 #A04E22 #74A022

Tetradic (Square)

#2235A0 #A02274 #A08D22 #22A04E

Complementary

#22349F #A08D22

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.19:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.06: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: #22349F;

color: #22349F;

border-color: #22349F;

}

Tailwind CSS (with arbitrary values)

bg-[#22349F]

text-[#22349F]

border-[#22349F]

// Example usage: