#2E6E86 Color

Color Information

HEX	#2E6E86
RGB	46, 110, 134
HSL	196° , 49% , 35%
HSV	196° , 66% , 53%
CMYK	66%, 18%, 0%, 47%

Lighter Shades

#477F95 #6091A3 #79A2B2 #92B4C0 #ABC5CF #C4D6DD

Darker Shades

#286176 #235466 #1D4656 #183946 #122C36 #0D1F26

Complementary Palette

#285F73 #2E6E86 #723B28 #85452E #965F4B #4B8297

Analogous Palette

#3A695F #3F7367 #2B677E #2E6E86 #3F4B73 #535B79

Triadic Palette

#286176 #2E6E86 #8E2572 #9C3F83 #728E25 #647D21

Split Complementary Palette

#296379 #2E6E86 #852E42 #914355 #85712E #786629

Square Palette

#275C71 #2E6E86 #6C367C #7C4936 #42852E #60994F

Tetradic Palette

#265A6E #2E6E86 #3D1D95 #85452E #75951D #8EA846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E6E86 contains 46 red, 110 green, and 134 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1