#2D3A4C Color

Color Information

HEX#2D3A4C
RGB45, 58, 76
HSL215° , 26% , 24%
HSV215° , 41% , 30%
CMYK41%, 24%, 0%, 70%

Lighter Shades

#465261 #5F6977 #79818C #9299A2 #ABB0B7 #C4C8CD

Darker Shades

#283343 #222C3A #1D2531 #171E28 #12171E #0D1015

Complementary Palette

#273241 #2D3A4C #423727 #4D402D #665B4A #4A5665

Analogous Palette

#303F41 #344546 #2A3747 #2D3A4C #363446 #434158

Triadic Palette

#283343 #2D3A4C #53273A #684152 #3A5327 #334922

Split Complementary Palette

#293444 #2D3A4C #4D302D #5F4542 #4A4D2D #434529

Square Palette

#263140 #2D3A4C #473345 #473F33 #2D4D30 #4F6951

Tetradic Palette

#25303E #2D3A4C #432258 #4D402D #3A5822 #5D764A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3A4C contains 45 red, 58 green, and 76 blue.

Contrast Ratio: 12.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.74:1