#769EA2 Color

Color Information

HEX#769EA2
RGB118, 158, 162
HSL185° , 19% , 55%
HSV185° , 27% , 64%
CMYK27%, 2%, 0%, 36%

Lighter Shades

#86AAAD #97B5B8 #A7C1C3 #B8CDCF #C8D8DA #D9E4E5

Darker Shades

#688B8F #5A787B #4C6568 #3D5254 #2F3F41 #212C2D

Complementary Palette

#65888B #769EA2 #8B6965 #A27A76 #AF8D89 #89ACAF

Analogous Palette

#6F9585 #7B9D8F #6F9598 #769EA2 #7B8A9D #8491A4

Triadic Palette

#688B8F #769EA2 #AE6BA8 #B87DB2 #A8AE6B #94995E

Split Complementary Palette

#6A8E92 #769EA2 #A27689 #AB8495 #A29076 #92826A

Square Palette

#638588 #769EA2 #8F7B9D #9D7E7B #89A276 #9CB18C

Tetradic Palette

#618285 #769EA2 #6962B7 #A27A76 #B0B762 #BEC47E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #769EA2 contains 118 red, 158 green, and 162 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.3:1