#5F98AE Color

Color Information

HEX#5F98AE
RGB95, 152, 174
HSL197° , 33% , 53%
HSV197° , 45% , 68%
CMYK45%, 13%, 0%, 32%

Lighter Shades

#72A4B8 #85B1C1 #99BDCB #ACC9D5 #BFD6DF #D2E2E8

Darker Shades

#548699 #487484 #3D616F #314F5A #263D46 #1B2B31

Complementary Palette

#528396 #5F98AE #976553 #AF7660 #BA8976 #75A6B9

Analogous Palette

#6A9088 #759991 #598FA4 #5F98AE #757D99 #8187A2

Triadic Palette

#548699 #5F98AE #BB549D #C369A9 #9DBB54 #8AA54A

Split Complementary Palette

#56899D #5F98AE #AF6071 #B7707F #AF9E60 #9E8E56

Square Palette

#508092 #5F98AE #976CA3 #A37B6C #71AF60 #88BC79

Tetradic Palette

#4E7D8F #5F98AE #6D4AC4 #AF7660 #A2C44A #B3CF6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F98AE contains 95 red, 152 green, and 174 blue.

Contrast Ratio: 3.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.69:1