#2D3450 Color

Color Information

HEX#2D3450
RGB45, 52, 80
HSL228° , 28% , 25%
HSV228° , 44% , 31%
CMYK44%, 35%, 0%, 69%

Lighter Shades

#464C65 #5F657A #797D8F #9295A4 #ABAEB9 #C4C6CE

Darker Shades

#282E46 #22283D #1D2133 #171B2A #121520 #0D0F16

Complementary Palette

#272D45 #2D3450 #474028 #524A2E #6A634B #4A5069

Analogous Palette

#323E43 #364449 #2A314B #2D3450 #3C3649 #4A435B

Triadic Palette

#282E46 #2D3450 #582831 #6C424A #315828 #2B4D23

Split Complementary Palette

#292F48 #2D3450 #52392E #634D43 #47522E #404A29

Square Palette

#262C43 #2D3450 #4B3444 #4B4634 #2E5239 #4F6E59

Tetradic Palette

#252B42 #2D3450 #50225D #524A2E #2E5D22 #547A4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3450 contains 45 red, 52 green, and 80 blue.

Contrast Ratio: 12.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1