#2A63AF Color

Color Information

HEX	#2A63AF
RGB	42, 99, 175
HSL	214° , 61% , 43%
HSV	214° , 76% , 69%
CMYK	76%, 43%, 0%, 31%

Lighter Shades

#4476B9 #5D88C2 #779BCC #90AED5 #AAC1DF #C3D3E9

Darker Shades

#25579A #204B85 #1B3F70 #16335B #112846 #0C1C31

Complementary Palette

#245597 #2A63AF #986625 #B1772B #BC8A49 #4879BA

Analogous Palette

#3C8A90 #41959B #275DA5 #2A63AF #47419B #5A54A0

Triadic Palette

#25579A #2A63AF #BC2063 #C43B76 #63BC20 #57A51C

Split Complementary Palette

#26599E #2A63AF #B1342B #B94840 #A8B12B #979F27

Square Palette

#235393 #2A63AF #A6369E #A67536 #2BB134 #4DBD54

Tetradic Palette

#225190 #2A63AF #7917C4 #B1772B #62C417 #7ECF41

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A63AF contains 42 red, 99 green, and 175 blue.

Contrast Ratio: 6.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1