#2D4F8E Color

Color Information

HEX	#2D4F8E
RGB	45, 79, 142
HSL	219° , 52% , 37%
HSV	219° , 68% , 56%
CMYK	68%, 44%, 0%, 44%

Lighter Shades

#46649C #5F79A9 #798EB7 #92A3C4 #ABB9D2 #C4CEDF

Darker Shades

#28467D #223C6C #1D335B #17294A #122039 #0D1628

Complementary Palette

#27447A #2D4F8E #7B5E27 #8F6D2D #9F814A #4A689E

Analogous Palette

#3A6B73 #40737D #2A4A85 #2D4F8E #49407D #5B5483

Triadic Palette

#28467D #2D4F8E #99244D #A53E62 #4D9924 #448720

Split Complementary Palette

#294780 #2D4F8E #8F3C2D #9A5042 #818F2D #748129

Square Palette

#264277 #2D4F8E #86377A #866A37 #2D8F3C #4FA15B

Tetradic Palette

#254174 #2D4F8E #721CA0 #8F6D2D #4BA01C #6BB145

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4F8E contains 45 red, 79 green, and 142 blue.

Contrast Ratio: 8.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.58:1