#2A6198 Color

Color Information

HEX#2A6198
RGB42, 97, 152
HSL210° , 57% , 38%
HSV210° , 72% , 60%
CMYK72%, 36%, 0%, 40%

Lighter Shades

#4474A4 #5D87B1 #779ABD #90ADC9 #AAC0D6 #C3D3E2

Darker Shades

#255586 #204A74 #1B3E61 #16324F #11273D #0C1B2B

Complementary Palette

#245383 #2A6198 #835324 #98612A #A67748 #4877A6

Analogous Palette

#397979 #3D8585 #275B8F #2A6198 #3D3D85 #51518A

Triadic Palette

#255586 #2A6198 #A22061 #AD3B74 #61A220 #558F1C

Split Complementary Palette

#265789 #2A6198 #982A2A #A23F3F #98982A #898926

Square Palette

#235180 #2A6198 #8E338E #8E6133 #2A982A #4CA84C

Tetradic Palette

#22507D #2A6198 #6118AA #98612A #61AA18 #7DB942

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6198 contains 42 red, 97 green, and 152 blue.

Contrast Ratio: 6.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1