#2C5F62 Color

Color Information

HEX#2C5F62
RGB44, 95, 98
HSL183° , 38% , 28%
HSV183° , 55% , 38%
CMYK55%, 3%, 0%, 62%

Lighter Shades

#457275 #5F8588 #78999B #91ACAD #ABBFC0 #C4D2D3

Darker Shades

#275456 #21484A #1C3D3F #173133 #122627 #0C1B1B

Complementary Palette

#265254 #2C5F62 #552826 #632F2C #794C4A #4A7578

Analogous Palette

#364F44 #3B5449 #29595C #2C5F62 #3B4654 #4A5664

Triadic Palette

#275456 #2C5F62 #6A2566 #7C3F78 #666A25 #5A5D21

Split Complementary Palette

#285658 #2C5F62 #632C45 #734158 #634A2C #594328

Square Palette

#255052 #2C5F62 #49335B #5B3533 #45632C #637C4E

Tetradic Palette

#244E50 #2C5F62 #231F6F #632F2C #6B6F1F #868947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5F62 contains 44 red, 95 green, and 98 blue.

Contrast Ratio: 7.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1