#2A5CB2 Color

Color Information

HEX#2A5CB2
RGB42, 92, 178
HSL218° , 62% , 43%
HSV218° , 76% , 70%
CMYK76%, 48%, 0%, 30%

Lighter Shades

#4470BB #5D83C4 #7797CE #90AAD7 #AABEE0 #C3D1E9

Darker Shades

#25519D #204687 #1B3B72 #16305D #112547 #0C1A32

Complementary Palette

#244F99 #2A5CB2 #996E24 #B2802A #BD9248 #4873BD

Analogous Palette

#3B8591 #408F9C #2756A7 #2A5CB2 #4C409C #5F54A0

Triadic Palette

#25519D #2A5CB2 #BD1F59 #C53A6D #59BD1F #4EA61B

Split Complementary Palette

#2653A0 #2A5CB2 #B23C2A #BA503F #A0B22A #90A026

Square Palette

#234D96 #2A5CB2 #A73597 #A77D35 #2AB23C #4CBE5B

Tetradic Palette

#224B92 #2A5CB2 #8516C5 #B2802A #56C516 #74CF40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5CB2 contains 42 red, 92 green, and 178 blue.

Contrast Ratio: 6.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1