#2D3E67 Color

Color Information

HEX#2D3E67
RGB45, 62, 103
HSL222° , 39% , 29%
HSV222° , 56% , 40%
CMYK56%, 40%, 0%, 60%

Lighter Shades

#465579 #5F6C8B #79839E #929BB0 #ABB2C2 #C4C9D4

Darker Shades

#28375B #222F4E #1D2842 #172036 #121929 #0D111D

Complementary Palette

#273559 #2D3E67 #594927 #67552D #7C6D4A #4A597C

Analogous Palette

#374D53 #3C5258 #2A3A61 #2D3E67 #423C58 #514C67

Triadic Palette

#28375B #2D3E67 #6E263B #7F4053 #3B6E26 #346121

Split Complementary Palette

#29385D #2D3E67 #67392D #764D42 #5B672D #525D29

Square Palette

#263457 #2D3E67 #5F3557 #5F5235 #2D6739 #4F7F59

Tetradic Palette

#253354 #2D3E67 #592074 #67552D #397420 #5D8D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3E67 contains 45 red, 62 green, and 103 blue.

Contrast Ratio: 10.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.93:1