#2C5F73 Color

Color Information

HEX#2C5F73
RGB44, 95, 115
HSL197° , 45% , 31%
HSV197° , 62% , 45%
CMYK62%, 17%, 0%, 55%

Lighter Shades

#457284 #5F8595 #7899A5 #91ACB6 #ABBFC7 #C4D2D8

Darker Shades

#275465 #214857 #1C3D4A #17313C #12262E #0C1B20

Complementary Palette

#265263 #2C5F73 #633725 #73402B #875B49 #4A7587

Analogous Palette

#375C54 #3A645B #29596C #2C5F73 #3A4364 #4E546A

Triadic Palette

#275465 #2C5F73 #7B2361 #8B3D74 #617B23 #556C1F

Split Complementary Palette

#285668 #2C5F73 #732B3B #81404F #73632B #685927

Square Palette

#255061 #2C5F73 #5F336C #6C4433 #3B732B #5A894D

Tetradic Palette

#244E5E #2C5F73 #3B1C82 #73402B #63821C #7F9945

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5F73 contains 44 red, 95 green, and 115 blue.

Contrast Ratio: 7.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1