#2D57A0 Color

Color Information

HEX	#2D57A0
RGB	45, 87, 160
HSL	218° , 56% , 40%
HSV	218° , 72% , 63%
CMYK	72%, 46%, 0%, 37%

Lighter Shades

#466BAB #5F7FB7 #7993C2 #92A8CE #ABBCD9 #C4D0E4

Darker Shades

#284D8D #22427A #1D3866 #172D53 #122340 #0D182D

Complementary Palette

#274B8A #2D57A0 #896527 #9F752D #AC884A #4A6FAD

Analogous Palette

#3C7780 #41818B #2A5296 #2D57A0 #4B418B #5D5591

Triadic Palette

#284D8D #2D57A0 #A92354 #B33D69 #54A923 #4A951F

Split Complementary Palette

#294E90 #2D57A0 #9F3C2D #A95042 #909F2D #828F29

Square Palette

#264986 #2D57A0 #953788 #957337 #2D9F3C #4FAE5B

Tetradic Palette

#254783 #2D57A0 #7A1BB1 #9F752D #52B11B #71BF44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D57A0 contains 45 red, 87 green, and 160 blue.

Contrast Ratio: 7.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.95:1