#2A5286 Color

Color Information

HEX#2A5286
RGB42, 82, 134
HSL214° , 52% , 35%
HSV214° , 69% , 53%
CMYK69%, 39%, 0%, 47%

Lighter Shades

#446795 #5D7CA3 #7790B2 #90A5C0 #AABACF #C3CFDD

Darker Shades

#254876 #203E66 #1B3456 #162B46 #112136 #0C1726

Complementary Palette

#244773 #2A5286 #755225 #885F2B #997549 #486A97

Analogous Palette

#37686C #3D7176 #274D7E #2A5286 #403D76 #52507C

Triadic Palette

#254876 #2A5286 #912252 #9E3D67 #529122 #48801E

Split Complementary Palette

#264A79 #2A5286 #88312B #944640 #81882B #747A27

Square Palette

#234571 #2A5286 #7F3478 #7F5E34 #2B8831 #4D9B52

Tetradic Palette

#22436E #2A5286 #621B98 #885F2B #51981B #70AB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5286 contains 42 red, 82 green, and 134 blue.

Contrast Ratio: 8.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1