#4B97A0 Color

Color Information

HEX#4B97A0
RGB75, 151, 160
HSL186° , 36% , 46%
HSV186° , 53% , 63%
CMYK53%, 6%, 0%, 37%

Lighter Shades

#61A3AB #76B0B7 #8CBCC2 #A1C9CE #B7D5D9 #CDE2E4

Darker Shades

#42858D #39737A #306166 #274F53 #1E3C40 #152A2D

Complementary Palette

#41828A #4B97A0 #8A4841 #A0544B #AD6C64 #64A6AD

Analogous Palette

#5A7C6F #638879 #478E96 #4B97A0 #637288 #6C7C93

Triadic Palette

#42858D #4B97A0 #AB3FA0 #B556AB #A0AB3F #8D9637

Split Complementary Palette

#448890 #4B97A0 #A04B6D #AA5D7C #A07E4B #907144

Square Palette

#3F7F86 #4B97A0 #7B5794 #945D57 #6DA04B #84AF68

Tetradic Palette

#3E7C83 #4B97A0 #4336B5 #A0544B #A8B536 #B8C25A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4B97A0 contains 75 red, 151 green, and 160 blue.

Contrast Ratio: 3.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.32:1