#2E697C Color

Color Information

HEX#2E697C
RGB46, 105, 124
HSL195° , 46% , 33%
HSV195° , 63% , 49%
CMYK63%, 15%, 0%, 51%

Lighter Shades

#477B8C #608D9B #799FAB #92B1BB #ABC3CB #C4D5DA

Darker Shades

#285C6D #23505E #1D434F #183740 #122A32 #0D1D23

Complementary Palette

#285A6B #2E697C #6A3827 #7B412D #8D5C4A #4B7E8E

Analogous Palette

#386158 #3E6A5F #2B6375 #2E697C #3E496A #505971

Triadic Palette

#285C6D #2E697C #83256C #923F7E #6C8325 #5F7321

Split Complementary Palette

#295F70 #2E697C #7B2D41 #884254 #7B682D #6F5E29

Square Palette

#275868 #2E697C #633672 #724536 #417B2D #5F904F

Tetradic Palette

#265666 #2E697C #391E8A #7B412D #6F8A1E #899F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E697C contains 46 red, 105 green, and 124 blue.

Contrast Ratio: 6.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.42:1