Hex Color #7190CD - Custom Color

Color Codes

HEX

#7190CD

RGB

rgb(113, 144, 205)

HSL

hsl(220, 48%, 62%)

CMYK

cmyk(45%, 30%, 0%, 20%)

HSV

hsv(220, 45%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#70BDCD #708FCD #7F70CD

Triadic

#708FCD #CD708F #8FCD70

Split Complementary

#708FCD #CD7F70 #BDCD70

Tetradic (Square)

#708FCD #CD70BD #CDAE70 #70CD7F

Complementary

#7190CD #CDAE70

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.19:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.57:1

Pass - 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: #7190CD;

color: #7190CD;

border-color: #7190CD;

}

Tailwind CSS (with arbitrary values)

bg-[#7190CD]

text-[#7190CD]

border-[#7190CD]

// Example usage: