#2A285F Color

Color Information

HEX#2A285F
RGB42, 40, 95
HSL242° , 41% , 26%
HSV242° , 58% , 37%
CMYK56%, 58%, 0%, 63%

Lighter Shades

#444272 #5D5C85 #777599 #908FAC #AAA9BF #C3C3D2

Darker Shades

#252354 #201E48 #1B1A3D #161531 #111026 #0C0B1B

Complementary Palette

#242252 #2A285F #4F5022 #5C5D27 #737445 #484675

Analogous Palette

#303C4A #344150 #272659 #2A285F #433450 #52455E

Triadic Palette

#252354 #2A285F #642320 #773D3B #206423 #1C581F

Split Complementary Palette

#262456 #2A285F #5D4427 #6D573D #405D27 #3A5423

Square Palette

#232250 #2A285F #572E41 #56572E #275D44 #4A7762

Tetradic Palette

#22214E #2A285F #691B68 #5C5D27 #1B691E #448447

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A285F contains 42 red, 40 green, and 95 blue.

Contrast Ratio: 14.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.49:1