#2E5F9E Color

Color Information

HEX	#2E5F9E
RGB	46, 95, 158
HSL	214° , 55% , 40%
HSV	214° , 71% , 62%
CMYK	71%, 40%, 0%, 38%

Lighter Shades

#4772AA #6085B5 #7999C1 #92ACCD #ABBFD8 #C4D2E4

Darker Shades

#28548B #234878 #1D3D65 #183152 #12263F #0D1B2C

Complementary Palette

#285288 #2E5F9E #885E28 #9E6D2E #AC814B #4B75AC

Analogous Palette

#3D7C7F #42858A #2B5995 #2E5F9E #47428A #59568F

Triadic Palette

#28548B #2E5F9E #A8245D #B23E70 #5DA824 #529420

Split Complementary Palette

#29568E #2E5F9E #9E352E #A84943 #979E2E #888E29

Square Palette

#275085 #2E5F9E #94388E #946C38 #2E9E35 #4FAE55

Tetradic Palette

#264E82 #2E5F9E #701CB0 #9E6D2E #5CB01C #79BE45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5F9E contains 46 red, 95 green, and 158 blue.

Contrast Ratio: 6.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.23:1