#2B7869 Color

Color Information

HEX#2B7869
RGB43, 120, 105
HSL168° , 47% , 32%
HSV168° , 64% , 47%
CMYK64%, 0%, 13%, 53%

Lighter Shades

#44887B #5E988D #77A99F #91B9B1 #AAC9C3 #C4D9D5

Darker Shades

#266A5C #215B50 #1C4D43 #163E37 #11302A #0C221D

Complementary Palette

#25675A #2B7869 #672533 #782B3B #8B4956 #498B7E

Analogous Palette

#365E42 #3C6849 #287163 #2B7869 #3C5A68 #4E656E

Triadic Palette

#266A5C #2B7869 #6E2380 #7F3D8F #806E23 #71611F

Split Complementary Palette

#276C5F #2B7869 #782B61 #864071 #78422B #6C3B27

Square Palette

#246558 #2B7869 #463370 #70333F #61782B #7A8E4D

Tetradic Palette

#236256 #2B7869 #1D3287 #782B3B #87711D #9D8B46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B7869 contains 43 red, 120 green, and 105 blue.

Contrast Ratio: 5.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.01:1