#5FA4C6 Color

Color Information

HEX#5FA4C6
RGB95, 164, 198
HSL200° , 47% , 57%
HSV200° , 52% , 78%
CMYK52%, 17%, 0%, 22%

Lighter Shades

#72AFCD #85BAD4 #99C5DB #ACD0E1 #BFDBE8 #D2E6EF

Darker Shades

#5490AE #487D96 #3D697F #315567 #26424F #1B2E37

Complementary Palette

#528DAA #5FA4C6 #A96E51 #C5805E #CD9275 #75B1CE

Analogous Palette

#6D9C95 #74AFA5 #599ABA #5FA4C6 #747EAF #818AB6

Triadic Palette

#5490AE #5FA4C6 #D053A6 #D668B1 #A6D053 #92B749

Split Complementary Palette

#5694B2 #5FA4C6 #C55E6F #CB6E7D #C5B45E #B1A255

Square Palette

#508AA6 #5FA4C6 #AC69BA #BA8469 #6FC55E #86CE78

Tetradic Palette

#4E86A2 #5FA4C6 #7A4AD9 #C5805E #A9D94A #B8E06B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA4C6 contains 95 red, 164 green, and 198 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.73:1