#2E6AA2 Color

Color Information

HEX#2E6AA2
RGB46, 106, 162
HSL209° , 56% , 41%
HSV209° , 72% , 64%
CMYK72%, 35%, 0%, 36%

Lighter Shades

#477CAD #608EB8 #79A0C3 #92B2CF #ABC3DA #C4D5E5

Darker Shades

#285D8F #23517B #1D4468 #183754 #122A41 #0D1E2D

Complementary Palette

#285B8B #2E6AA2 #8C5928 #A3672E #B07C4B #4B7FAF

Analogous Palette

#3E8483 #438E8D #2B6498 #2E6AA2 #43448E #575894

Triadic Palette

#285D8F #2E6AA2 #AE246B #B83E7D #6BAE24 #5E9920

Split Complementary Palette

#295F92 #2E6AA2 #A32E30 #AC4345 #A3A12E #939129

Square Palette

#275988 #2E6AA2 #973899 #996738 #30A32E #51B24F

Tetradic Palette

#265785 #2E6AA2 #661BB6 #A3672E #6BB61B #86C344

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6AA2 contains 46 red, 106 green, and 162 blue.

Contrast Ratio: 5.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1