Hex Color #6977A1 - Custom Color

Color Codes

HEX

#6977A1

RGB

rgb(105, 119, 161)

HSL

hsl(225, 23%, 52%)

CMYK

cmyk(35%, 26%, 0%, 37%)

HSV

hsv(225, 35%, 63%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6893A1 #6877A1 #7768A1

Triadic

#6877A1 #A16877 #77A168

Split Complementary

#6877A1 #A17768 #93A168

Tetradic (Square)

#6877A1 #A16893 #A19368 #68A177

Complementary

#6977A1 #A19368

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.42:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.75: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: #6977A1;

color: #6977A1;

border-color: #6977A1;

}

Tailwind CSS (with arbitrary values)

bg-[#6977A1]

text-[#6977A1]

border-[#6977A1]

// Example usage: