#52686F Color

Color Information

HEX#52686F
RGB82, 104, 111
HSL194° , 15% , 38%
HSV194° , 26% , 44%
CMYK26%, 6%, 0%, 56%

Lighter Shades

#677A80 #7C8C92 #909EA3 #A5B0B4 #BAC3C5 #CFD5D7

Darker Shades

#485C62 #3E4F54 #344347 #2B363A #212A2C #171D1F

Complementary Palette

#47595F #52686F #5F4D47 #6F5952 #83706A #6A7D83

Analogous Palette

#4C6761 #526F69 #4D6268 #52686F #525B6F #5D667E

Triadic Palette

#485C62 #52686F #79496F #895F80 #6F7949 #626A40

Split Complementary Palette

#4A5E64 #52686F #6F525A #7D636B #6F6852 #645E4A

Square Palette

#45575D #52686F #69526F #6F5952 #5A6F52 #74866E

Tetradic Palette

#43555B #52686F #504181 #6F5952 #748141 #8D9863

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #52686F contains 82 red, 104 green, and 111 blue.

Contrast Ratio: 5.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1