#2B4653 Color

Color Information

HEX#2B4653
RGB43, 70, 83
HSL200° , 32% , 25%
HSV200° , 48% , 33%
CMYK48%, 16%, 0%, 67%

Lighter Shades

#445C68 #5E727C #778991 #919FA6 #AAB5BA #C4CBCF

Darker Shades

#263E49 #21353F #1C2D35 #16242B #111C21 #0C1417

Complementary Palette

#253C47 #2B4653 #483125 #54392B #6C5549 #49606B

Analogous Palette

#324341 #364946 #28424E #2B4653 #363949 #43475B

Triadic Palette

#263E49 #2B4653 #5B254A #6F3F60 #4A5B25 #415021

Split Complementary Palette

#273F4B #2B4653 #542B32 #654047 #544D2B #4C4527

Square Palette

#243B46 #2B4653 #49324E #4E3B32 #32542B #536F4D

Tetradic Palette

#233944 #2B4653 #352060 #54392B #4B6020 #6B7D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4653 contains 43 red, 70 green, and 83 blue.

Contrast Ratio: 10.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1