Hex Color #696392 - Custom Color

Color Codes

HEX

#696392

RGB

rgb(105, 99, 146)

HSL

hsl(248, 19%, 48%)

CMYK

cmyk(28%, 32%, 0%, 43%)

HSV

hsv(248, 32%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#637492 #696392 #816392

Triadic

#696392 #926963 #639269

Split Complementary

#696392 #928163 #749263

Tetradic (Square)

#696392 #926374 #8B9263 #639281

Complementary

#696392 #8B9263

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.53:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.80: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: #696392;

color: #696392;

border-color: #696392;

}

Tailwind CSS (with arbitrary values)

bg-[#696392]

text-[#696392]

border-[#696392]

// Example usage: