#2B6450 Color

Color Information

HEX#2B6450
RGB43, 100, 80
HSL159° , 40% , 28%
HSV159° , 57% , 39%
CMYK57%, 0%, 20%, 61%

Lighter Shades

#447765 #5E897A #779C8F #91AEA4 #AAC1B9 #C4D4CE

Darker Shades

#265846 #214C3D #1C4033 #16342A #112820 #0C1C16

Complementary Palette

#255645 #2B6450 #562536 #642B3F #7A495A #497A69

Analogous Palette

#364F39 #39563D #285E4B #2B6450 #395156 #4A6064

Triadic Palette

#265846 #2B6450 #52246B #673E7D #6B5224 #5E4820

Split Complementary Palette

#275A48 #2B6450 #642B5B #74406B #64332B #5A2E27

Square Palette

#245443 #2B6450 #38325D #5D3241 #5B642B #757D4D

Tetradic Palette

#235242 #2B6450 #1E3B71 #642B3F #71541E #8B7347

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6450 contains 43 red, 100 green, and 80 blue.

Contrast Ratio: 6.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.02:1