#2D3F74 Color

Color Information

HEX#2D3F74
RGB45, 63, 116
HSL225° , 44% , 32%
HSV225° , 61% , 45%
CMYK61%, 46%, 0%, 55%

Lighter Shades

#465685 #5F6D95 #7984A6 #929BB7 #ABB2C7 #C4C9D8

Darker Shades

#283766 #223058 #1D284A #17213C #12192E #0D1220

Complementary Palette

#273664 #2D3F74 #655628 #76642E #897A4B #4A5A87

Analogous Palette

#3A565F #3E5B65 #2A3B6D #2D3F74 #483E65 #5A526F

Triadic Palette

#283766 #2D3F74 #7E263C #8D4053 #3C7E26 #356F21

Split Complementary Palette

#293968 #2D3F74 #76402E #845343 #64762E #5A6A29

Square Palette

#263561 #2D3F74 #6D365F #6D5F36 #2E7640 #4F8C5F

Tetradic Palette

#25345F #2D3F74 #6B1F84 #76642E #38841F #5C9A47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F74 contains 45 red, 63 green, and 116 blue.

Contrast Ratio: 10.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1