#2D4748 Color

Color Information

HEX#2D4748
RGB45, 71, 72
HSL182° , 23% , 23%
HSV182° , 38% , 28%
CMYK38%, 1%, 0%, 72%

Lighter Shades

#465D5E #5F7374 #79898A #929FA0 #ABB5B6 #C4CBCC

Darker Shades

#283E3F #223637 #1D2D2E #172525 #121C1D #0D1414

Complementary Palette

#273D3E #2D4748 #3E2827 #482E2D #624B4A #4A6162

Analogous Palette

#2E3E37 #32433C #2A4344 #2D4748 #323A43 #3F4A55

Triadic Palette

#283E3F #2D4748 #4E274D #634162 #4D4E27 #444522

Split Complementary Palette

#294041 #2D4748 #482D3A #5A424E #483C2D #413629

Square Palette

#263C3C #2D4748 #3C3243 #433232 #3A482D #5A654F

Tetradic Palette

#253A3B #2D4748 #242353 #482E2D #515323 #70724B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4748 contains 45 red, 71 green, and 72 blue.

Contrast Ratio: 10.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1