#2A54D1 Color

Color Information

HEX#2A54D1
RGB42, 84, 209
HSL225° , 67% , 49%
HSV225° , 80% , 82%
CMYK80%, 60%, 0%, 18%

Lighter Shades

#4469D7 #5D7DDC #7792E2 #90A6E7 #AABBED #C3CFF2

Darker Shades

#254AB8 #20409F #1B3686 #162C6D #112254 #0C183B

Complementary Palette

#2448B4 #2A54D1 #B49023 #D1A729 #D7B347 #486CD7

Analogous Palette

#3D8EA9 #429AB8 #274FC4 #2A54D1 #6042B8 #6C51BD

Triadic Palette

#254AB8 #2A54D1 #DD1D4D #E13862 #4DDD1D #44C21A

Split Complementary Palette

#264CBC #2A54D1 #D15329 #D6643E #A7D129 #96BC25

Square Palette

#2347B0 #2A54D1 #C436A1 #C4A136 #29D153 #4BD86F

Tetradic Palette

#2245AB #2A54D1 #B213E7 #D1A729 #48E713 #69EB3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A54D1 contains 42 red, 84 green, and 209 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.26:1