Hex Color #717CED - Custom Color

Color Codes

HEX

#717CED

RGB

rgb(113, 124, 237)

HSL

hsl(235, 78%, 69%)

CMYK

cmyk(52%, 48%, 0%, 7%)

HSV

hsv(235, 52%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#72BAEE #727DEE #A672EE

Triadic

#727DEE #EE727D #7DEE72

Split Complementary

#727DEE #EEA672 #BAEE72

Tetradic (Square)

#727DEE #EE72BA #EEE372 #72EEA6

Complementary

#717CED #EEE372

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.62:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.81: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: #717CED;

color: #717CED;

border-color: #717CED;

}

Tailwind CSS (with arbitrary values)

bg-[#717CED]

text-[#717CED]

border-[#717CED]

// Example usage: