#2A5ADB Color

Color Information

HEX#2A5ADB
RGB42, 90, 219
HSL224° , 71% , 51%
HSV224° , 81% , 86%
CMYK81%, 59%, 0%, 14%

Lighter Shades

#446EDF #5D82E4 #7795E8 #90A9EC #AABDF1 #C3D1F5

Darker Shades

#254FC1 #2044A6 #1B3A8C #162F72 #112458 #0C193D

Complementary Palette

#244DBC #2A5ADB #BC9323 #DBAB29 #E0B747 #4871E0

Analogous Palette

#3E97B1 #42A4C2 #2755CE #2A5ADB #6042C2 #6D52C7

Triadic Palette

#254FC1 #2A5ADB #E71D53 #EA3868 #53E71D #49CB1A

Split Complementary Palette

#2651C5 #2A5ADB #DB5329 #DF643E #B1DB29 #9FC525

Square Palette

#234CB8 #2A5ADB #CE36AB #CEA636 #29DB53 #4BE16F

Tetradic Palette

#224AB4 #2A5ADB #B613F1 #DBAB29 #4EF113 #6EF43D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5ADB contains 42 red, 90 green, and 219 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1