#2E697E Color

Color Information

HEX#2E697E
RGB46, 105, 126
HSL196° , 47% , 34%
HSV196° , 63% , 49%
CMYK63%, 17%, 0%, 51%

Lighter Shades

#477B8D #608D9D #799FAC #92B1BC #ABC3CB #C4D5DB

Darker Shades

#285C6F #235060 #1D4351 #183742 #122A32 #0D1D23

Complementary Palette

#285A6C #2E697E #6D3A28 #7F442E #915E4B #4B7E90

Analogous Palette

#3A645A #3F6E63 #2B6376 #2E697E #3F4A6E #535A74

Triadic Palette

#285C6F #2E697E #88256E #963F7F #6E8825 #617821

Split Complementary Palette

#295F71 #2E697E #7F2E41 #8C4354 #7F6C2E #726129

Square Palette

#27586A #2E697E #683777 #774837 #417F2E #5F934F

Tetradic Palette

#265667 #2E697E #3C1E8F #7F442E #718F1E #8BA347

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E697E contains 46 red, 105 green, and 126 blue.

Contrast Ratio: 6.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1