#2D6E5D Color

Color Information

HEX	#2D6E5D
RGB	45, 110, 93
HSL	164° , 42% , 30%
HSV	164° , 59% , 43%
CMYK	59%, 0%, 15%, 57%

Lighter Shades

#467F70 #5F9184 #79A297 #92B4AB #ABC5BE #C4D6D2

Darker Shades

#286152 #225447 #1D463C #173930 #122C25 #0D1F1A

Complementary Palette

#275F50 #2D6E5D #5E2635 #6D2C3E #814A59 #4A8274

Analogous Palette

#35553C #3C5D44 #2A6757 #2D6E5D #3C555D #4E636A

Triadic Palette

#286152 #2D6E5D #5E2574 #713F85 #745E25 #665321

Split Complementary Palette

#296354 #2D6E5D #6D2C5E #7C416E #6D3B2C #623528

Square Palette

#265C4E #2D6E5D #3F3465 #653442 #5E6D2C #78844E

Tetradic Palette

#255A4C #2D6E5D #1F397A #6D2C3E #7A601F #927D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D6E5D contains 45 red, 110 green, and 93 blue.

Contrast Ratio: 6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1