#2B4D69 Color

Color Information

HEX#2B4D69
RGB43, 77, 105
HSL207° , 42% , 29%
HSV207° , 59% , 41%
CMYK59%, 27%, 0%, 59%

Lighter Shades

#44627B #5E788D #778D9F #91A2B1 #AAB8C3 #C4CDD5

Darker Shades

#26445C #213B50 #1C3143 #162837 #111F2A #0C161D

Complementary Palette

#25425A #2B4D69 #5A3D25 #69472B #7E6149 #49667E

Analogous Palette

#365452 #3A5A59 #284863 #2B4D69 #3A3B5A #4C4D67

Triadic Palette

#26445C #2B4D69 #70234E #813D63 #4E7023 #45631F

Split Complementary Palette

#27455F #2B4D69 #692B2E #784043 #69662B #5F5C27

Square Palette

#244158 #2B4D69 #5F3262 #624832 #2E692B #4F814D

Tetradic Palette

#233F56 #2B4D69 #461E76 #69472B #4E761E #6E8F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4D69 contains 43 red, 77 green, and 105 blue.

Contrast Ratio: 9.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1