#1D3F85 Color

Color Information

HEX#1D3F85
RGB29, 63, 133
HSL220° , 64% , 32%
HSV220° , 78% , 52%
CMYK78%, 53%, 0%, 48%

Lighter Shades

#385694 #536DA2 #6E84B1 #899BC0 #A5B2CE #C0C9DD

Darker Shades

#1A3775 #163065 #132855 #0F2145 #0C1935 #081225

Complementary Palette

#193672 #1D3F85 #735519 #86631D #97793D #3D5A96

Analogous Palette

#29606A #2E6A76 #1B3B7D #1D3F85 #3A2E76 #4C417C

Triadic Palette

#1A3775 #1D3F85 #8E153D #9C3154 #3D8E15 #367D12

Split Complementary Palette

#1A3978 #1D3F85 #862F1D #924434 #74861D #68791A

Square Palette

#183570 #1D3F85 #7E266F #7E6026 #1D862F #419950

Tetradic Palette

#18346D #1D3F85 #680F95 #86631D #3B950F #5EA83A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1D3F85 contains 29 red, 63 green, and 133 blue.

Contrast Ratio: 10.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1