#2D5667 Color

Color Information

HEX#2D5667
RGB45, 86, 103
HSL198° , 39% , 29%
HSV198° , 56% , 40%
CMYK56%, 17%, 0%, 60%

Lighter Shades

#466A79 #5F7F8B #79939E #92A7B0 #ABBBC2 #C4D0D4

Darker Shades

#284C5B #22414E #1D3742 #172D36 #122229 #0D181D

Complementary Palette

#274A59 #2D5667 #593527 #673E2D #7C594A #4A6E7C

Analogous Palette

#37534D #3C5852 #2A5161 #2D5667 #3C4258 #4C5167

Triadic Palette

#284C5B #2D5667 #6E2657 #7F406B #576E26 #4D6121

Split Complementary Palette

#294D5D #2D5667 #672D39 #76424D #675B2D #5D5229

Square Palette

#264857 #2D5667 #57355F #5F4135 #39672D #597F4F

Tetradic Palette

#254754 #2D5667 #392074 #673E2D #597420 #778D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5667 contains 45 red, 86 green, and 103 blue.

Contrast Ratio: 8.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1