#4996B2 Color

Color Information

HEX#4996B2
RGB73, 150, 178
HSL196° , 42% , 49%
HSV196° , 59% , 70%
CMYK59%, 16%, 0%, 30%

Lighter Shades

#5FA3BB #75AFC4 #8BBCCE #A0C8D7 #B6D5E0 #CCE2E9

Darker Shades

#40849D #377287 #2F6072 #264E5D #1D3C47 #142A32

Complementary Palette

#3F8199 #4996B2 #98563E #B16448 #BC7A62 #62A5BD

Analogous Palette

#5A8C80 #61988C #458DA7 #4996B2 #616E98 #6F7A9F

Triadic Palette

#40849D #4996B2 #BE3C9B #C653A7 #9BBE3C #88A735

Split Complementary Palette

#4287A0 #4996B2 #B14861 #B95A71 #B19948 #9F8A41

Square Palette

#3D7E96 #4996B2 #9255A5 #A56A55 #61B148 #7ABD65

Tetradic Palette

#3C7B92 #4996B2 #5A32C8 #B16448 #A0C832 #B1D257

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4996B2 contains 73 red, 150 green, and 178 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1