#5EA2A0 Color

Color Information

HEX#5EA2A0
RGB94, 162, 160
HSL178° , 27% , 50%
HSV178° , 42% , 64%
CMYK42%, 0%, 1%, 36%

Lighter Shades

#71ADAB #85B8B7 #98C3C2 #ABCFCE #BFDAD9 #D2E5E4

Darker Shades

#538F8D #477B7A #3C6866 #315453 #264140 #1A2D2D

Complementary Palette

#518B8A #5EA2A0 #8B5052 #A25D5F #AF7475 #75AFAD

Analogous Palette

#648774 #6C937E #589896 #5EA2A0 #6C8193 #788B9B

Triadic Palette

#538F8D #5EA2A0 #AC50AF #B665B9 #AFAC50 #9A9746

Split Complementary Palette

#559290 #5EA2A0 #A25D82 #AB6D8F #A27D5D #927154

Square Palette

#4F8886 #5EA2A0 #7E6A95 #956A6B #82A25D #96B177

Tetradic Palette

#4D8583 #5EA2A0 #464AB9 #A25D5F #B9B546 #C6C267

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5EA2A0 contains 94 red, 162 green, and 160 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1