Hex Color #706293 - Custom Color

Color Codes

HEX

#706293

RGB

rgb(112, 98, 147)

HSL

hsl(257, 20%, 48%)

CMYK

cmyk(24%, 33%, 0%, 42%)

HSV

hsv(257, 33%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#626D93 #706293 #886293

Triadic

#706293 #937062 #629370

Split Complementary

#706293 #938862 #6D9362

Tetradic (Square)

#706293 #93626D #859362 #629388

Complementary

#706293 #859362

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.44:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.86: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: #706293;

color: #706293;

border-color: #706293;

}

Tailwind CSS (with arbitrary values)

bg-[#706293]

text-[#706293]

border-[#706293]

// Example usage: