#78A0A2 Color

Color Information

HEX#78A0A2
RGB120, 160, 162
HSL183° , 18% , 55%
HSV183° , 26% , 64%
CMYK26%, 1%, 0%, 36%

Lighter Shades

#88ABAD #98B7B8 #A9C2C3 #B9CECF #C9D9DA #D9E4E5

Darker Shades

#6A8D8F #5B7A7B #4D6668 #3E5354 #304041 #222D2D

Complementary Palette

#678A8B #78A0A2 #8A6967 #A17A78 #AE8D8B #8BADAF

Analogous Palette

#6F9584 #7B9D8D #719698 #78A0A2 #7B8A9D #8794A6

Triadic Palette

#6A8D8F #78A0A2 #AC6CA9 #B67EB3 #A9AC6C #95975F

Split Complementary Palette

#6C9092 #78A0A2 #A1788A #AA8696 #A18E78 #91806C

Square Palette

#658688 #78A0A2 #8D7B9D #9D7D7B #8AA178 #9DB08E

Tetradic Palette

#628385 #78A0A2 #6763B6 #A17A78 #B1B663 #BFC37F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78A0A2 contains 120 red, 160 green, and 162 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.47:1