#2D3C67 Color

Color Information

HEX#2D3C67
RGB45, 60, 103
HSL224° , 39% , 29%
HSV224° , 56% , 40%
CMYK56%, 42%, 0%, 60%

Lighter Shades

#465379 #5F6B8B #79829E #929AB0 #ABB1C2 #C4C8D4

Darker Shades

#28355B #222E4E #1D2642 #171F36 #121829 #0D111D

Complementary Palette

#273459 #2D3C67 #594B27 #67572D #7C6F4A #4A577C

Analogous Palette

#374C53 #3C5158 #2A3861 #2D3C67 #423C58 #534C67

Triadic Palette

#28355B #2D3C67 #6E2639 #7F4051 #396E26 #326121

Split Complementary Palette

#29365D #2D3C67 #673B2D #764F42 #59672D #505D29

Square Palette

#263257 #2D3C67 #5F3555 #5F5335 #2D673B #4F7F5A

Tetradic Palette

#253154 #2D3C67 #5C2074 #67572D #367420 #5A8D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3C67 contains 45 red, 60 green, and 103 blue.

Contrast Ratio: 11.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1