#2B4650 Color

Color Information

HEX	#2B4650
RGB	43, 70, 80
HSL	196° , 30% , 24%
HSV	196° , 46% , 31%
CMYK	46%, 13%, 0%, 69%

Lighter Shades

#445C65 #5E727A #77898F #919FA4 #AAB5B9 #C4CBCE

Darker Shades

#263E46 #21353D #1C2D33 #16242A #111C20 #0C1416

Complementary Palette

#253C45 #2B4650 #452E25 #50352B #695149 #496069

Analogous Palette

#30413C #344642 #28424B #2B4650 #343846 #414658

Triadic Palette

#263E46 #2B4650 #562549 #6A3F5F #495625 #404C21

Split Complementary Palette

#273F48 #2B4650 #502B33 #624047 #50472B #484027

Square Palette

#243B43 #2B4650 #433149 #493731 #33502B #546C4D

Tetradic Palette

#233942 #2B4650 #2F205B #50352B #4B5B20 #6B7948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4650 contains 43 red, 70 green, and 80 blue.

Contrast Ratio: 10.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1