#2A3E99 Color

Color Information

HEX	#2A3E99
RGB	42, 62, 153
HSL	229° , 57% , 38%
HSV	229° , 73% , 60%
CMYK	73%, 59%, 0%, 40%

Lighter Shades

#4455A5 #5D6CB1 #7783BE #909BCA #AAB2D6 #C3C9E2

Darker Shades

#253787 #202F74 #1B2862 #162050 #11193D #0C112B

Complementary Palette

#243584 #2A3E99 #837224 #98842A #A69548 #4859A7

Analogous Palette

#396579 #3D6E85 #273A90 #2A3E99 #543D85 #63518A

Triadic Palette

#253787 #2A3E99 #A22038 #AD3B50 #38A220 #318F1C

Split Complementary Palette

#26388A #2A3E99 #984D2A #A25F3F #75982A #698926

Square Palette

#233481 #2A3E99 #8E3372 #8E7E33 #2A984D #4CA869

Tetradic Palette

#22337D #2A3E99 #8F18AA #98842A #33AA18 #58B942

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3E99 contains 42 red, 62 green, and 153 blue.

Contrast Ratio: 9.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1