#2C354B Color

Color Information

HEX#2C354B
RGB44, 53, 75
HSL223° , 26% , 23%
HSV223° , 41% , 29%
CMYK41%, 29%, 0%, 71%

Lighter Shades

#454D61 #5F6576 #787E8C #9196A1 #ABAEB7 #C4C6CD

Darker Shades

#272F42 #212839 #1C2230 #171C27 #12151E #0C0F15

Complementary Palette

#262E41 #2C354B #403825 #4A412B #635C49 #4A5164

Analogous Palette

#2E3A3E #323F43 #293247 #2C354B #363243 #443F55

Triadic Palette

#272F42 #2C354B #502632 #65404B #325026 #2C4621

Split Complementary Palette

#283044 #2C354B #4A322B #5C4740 #434A2B #3C4327

Square Palette

#252D3F #2C354B #443140 #443F31 #2B4A32 #4D6753

Tetradic Palette

#242B3E #2C354B #462154 #4A412B #2F5421 #547349

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C354B contains 44 red, 53 green, and 75 blue.

Contrast Ratio: 12.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1