#2A5C96 Color

Color Information

HEX#2A5C96
RGB42, 92, 150
HSL212° , 56% , 38%
HSV212° , 72% , 59%
CMYK72%, 39%, 0%, 41%

Lighter Shades

#4470A3 #5D83AF #7797BC #90AAC8 #AABED5 #C3D1E2

Darker Shades

#255184 #204672 #1B3B60 #16304E #11253C #0C1A2A

Complementary Palette

#244F81 #2A5C96 #825725 #97652B #A67B49 #4873A5

Analogous Palette

#3A7678 #3E8184 #27568D #2A5C96 #403E84 #545289

Triadic Palette

#255184 #2A5C96 #A1215D #AC3C70 #5DA121 #528E1D

Split Complementary Palette

#265387 #2A5C96 #972E2B #A14340 #94972B #858827

Square Palette

#234D7E #2A5C96 #8D348B #8D6434 #2B972E #4DA84F

Tetradic Palette

#224B7B #2A5C96 #6619A9 #97652B #5CA919 #79B842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C96 contains 42 red, 92 green, and 150 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1