#2E6A8F Color

Color Information

HEX#2E6A8F
RGB46, 106, 143
HSL203° , 51% , 37%
HSV203° , 68% , 56%
CMYK68%, 26%, 0%, 44%

Lighter Shades

#477C9C #608EAA #79A0B7 #92B2C5 #ABC3D2 #C4D5E0

Darker Shades

#285D7E #23516D #1D445C #18374A #122A39 #0D1E28

Complementary Palette

#285B7B #2E6A8F #7A4728 #8E532E #9E6B4B #4B7F9F

Analogous Palette

#3C726B #417C75 #2B6486 #2E6A8F #41487C #555A82

Triadic Palette

#285D7E #2E6A8F #98256C #A43F7E #6C9825 #5F8621

Split Complementary Palette

#295F81 #2E6A8F #8E2E39 #99434D #8E832E #807629

Square Palette

#275978 #2E6A8F #7C3885 #855538 #398E2E #59A04F

Tetradic Palette

#265775 #2E6A8F #4F1D9F #8E532E #6E9F1D #88B046

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6A8F contains 46 red, 106 green, and 143 blue.

Contrast Ratio: 5.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1