Hex Color #7787C4 - Custom Color

Color Codes

HEX

#7787C4

RGB

rgb(119, 135, 196)

HSL

hsl(228, 39%, 62%)

CMYK

cmyk(39%, 31%, 0%, 23%)

HSV

hsv(228, 39%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#78ADC4 #7887C4 #8F78C4

Triadic

#7887C4 #C47887 #87C478

Split Complementary

#7887C4 #C48F78 #ADC478

Tetradic (Square)

#7887C4 #C478AD #C4B578 #78C48F

Complementary

#7787C4 #C4B578

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.05: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: #7787C4;

color: #7787C4;

border-color: #7787C4;

}

Tailwind CSS (with arbitrary values)

bg-[#7787C4]

text-[#7787C4]

border-[#7787C4]

// Example usage: