#5FA2AE Color

Color Information

HEX	#5FA2AE
RGB	95, 162, 174
HSL	189° , 33% , 53%
HSV	189° , 45% , 68%
CMYK	45%, 7%, 0%, 32%

Lighter Shades

#72ADB8 #85B8C1 #99C3CB #ACCFD5 #BFDADF #D2E5E8

Darker Shades

#548F99 #487B84 #3D686F #31545A #264146 #1B2D31

Complementary Palette

#528B96 #5FA2AE #975C53 #AF6B60 #BA8076 #75AFB9

Analogous Palette

#6A9083 #75998D #5998A4 #5FA2AE #758299 #818CA2

Triadic Palette

#548F99 #5FA2AE #BB54AB #C369B5 #ABBB54 #96A54A

Split Complementary Palette

#56929D #5FA2AE #AF607B #B77088 #AF9360 #9E8456

Square Palette

#508892 #5FA2AE #8F6CA3 #A3736C #7BAF60 #90BC79

Tetradic Palette

#4E858F #5FA2AE #5A4AC4 #AF6B60 #B2C44A #C0CF6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA2AE contains 95 red, 162 green, and 174 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.38:1