Hex Color #774F7C - Custom Color

Color Codes

HEX

#774F7C

RGB

rgb(119, 79, 124)

HSL

hsl(293, 22%, 40%)

CMYK

cmyk(4%, 36%, 0%, 51%)

HSV

hsv(293, 36%, 49%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#61507C #77507C #7C506B

Triadic

#77507C #7C7750 #507C77

Split Complementary

#77507C #6B7C50 #507C61

Tetradic (Square)

#77507C #7C6150 #557C50 #506B7C

Complementary

#774F7C #557C50

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.58:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.19: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: #774F7C;

color: #774F7C;

border-color: #774F7C;

}

Tailwind CSS (with arbitrary values)

bg-[#774F7C]

text-[#774F7C]

border-[#774F7C]

// Example usage: