#76A4B2 Color

Color Information

HEX#76A4B2
RGB118, 164, 178
HSL194° , 28% , 58%
HSV194° , 34% , 70%
CMYK34%, 8%, 0%, 30%

Lighter Shades

#86AFBB #97BAC4 #A7C5CE #B8D0D7 #C8DBE0 #D9E6E9

Darker Shades

#68909D #5A7D87 #4C6972 #3D555D #2F4247 #212E32

Complementary Palette

#658D99 #76A4B2 #997265 #B28476 #BD9589 #89B1BD

Analogous Palette

#789B92 #84A49B #6F9AA7 #76A4B2 #848CA4 #8D95AA

Triadic Palette

#68909D #76A4B2 #BD6BAA #C57DB4 #AABD6B #96A65E

Split Complementary Palette

#6A94A0 #76A4B2 #B27686 #BA8492 #B2A276 #A0926A

Square Palette

#638A96 #76A4B2 #9D81A7 #A78A81 #86B276 #99BE8C

Tetradic Palette

#618692 #76A4B2 #7A63C5 #B28476 #AEC563 #BDCF7F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #76A4B2 contains 118 red, 164 green, and 178 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.85:1