Hex Color #789AA4 - Custom Color

Color Codes

HEX

#789AA4

RGB

rgb(120, 154, 164)

HSL

hsl(194, 19%, 56%)

CMYK

cmyk(27%, 6%, 0%, 36%)

HSV

hsv(194, 27%, 64%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#79A499 #799AA4 #7985A4

Triadic

#799AA4 #A4799A #9AA479

Split Complementary

#799AA4 #A47985 #A49979

Tetradic (Square)

#799AA4 #9979A4 #A48379 #85A479

Complementary

#789AA4 #A48379

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.02:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.96: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: #789AA4;

color: #789AA4;

border-color: #789AA4;

}

Tailwind CSS (with arbitrary values)

bg-[#789AA4]

text-[#789AA4]

border-[#789AA4]

// Example usage: