#2D4D8D Color

Color Information

HEX#2D4D8D
RGB45, 77, 141
HSL220° , 52% , 36%
HSV220° , 68% , 55%
CMYK68%, 45%, 0%, 45%

Lighter Shades

#46629B #5F78A8 #798DB6 #92A2C4 #ABB8D1 #C4CDDF

Darker Shades

#28447C #223B6B #1D315A #172849 #121F38 #0D1627

Complementary Palette

#274279 #2D4D8D #785D26 #8C6C2C #9C814A #4A669D

Analogous Palette

#386770 #3E6F79 #2A4885 #2D4D8D #483E79 #595280

Triadic Palette

#28447C #2D4D8D #952349 #A23D5F #499523 #40831F

Split Complementary Palette

#29457F #2D4D8D #8C3C2C #985041 #7C8C2C #707E28

Square Palette

#264176 #2D4D8D #823576 #826935 #2C8C3C #4E9E5B

Tetradic Palette

#253F74 #2D4D8D #711C9C #8C6C2C #469C1C #67AE45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D8D contains 45 red, 77 green, and 141 blue.

Contrast Ratio: 8.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.51:1