#77B2B0 Color

Color Information

HEX#77B2B0
RGB119, 178, 176
HSL178° , 28% , 58%
HSV178° , 33% , 70%
CMYK33%, 0%, 1%, 30%

Lighter Shades

#87BBB9 #98C4C3 #A8CECC #B8D7D6 #C9E0DF #D9E9E9

Darker Shades

#699D9B #5A8786 #4C7271 #3E5D5C #304746 #213231

Complementary Palette

#669997 #77B2B0 #996567 #B27678 #BD898B #8ABDBB

Analogous Palette

#789B88 #84A493 #70A7A5 #77B2B0 #8495A4 #8D9DAA

Triadic Palette

#699D9B #77B2B0 #BA6BBD #C27DC5 #BDBA6B #A6A45E

Split Complementary Palette

#6BA09E #77B2B0 #B27696 #BA84A1 #B29276 #A0836A

Square Palette

#649694 #77B2B0 #9381A7 #A78182 #96B276 #A7BE8C

Tetradic Palette

#629290 #77B2B0 #6366C5 #B27678 #C5C263 #CFCD7F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #77B2B0 contains 119 red, 178 green, and 176 blue.

Contrast Ratio: 2.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.92:1