#2D697B Color

Color Information

HEX#2D697B
RGB45, 105, 123
HSL194° , 46% , 33%
HSV194° , 63% , 48%
CMYK63%, 15%, 0%, 52%

Lighter Shades

#467B8B #5F8D9B #799FAB #92B1BA #ABC3CA #C4D5DA

Darker Shades

#285C6C #22505D #1D434F #173740 #122A31 #0D1D22

Complementary Palette

#275A6A #2D697B #6A3727 #7B402D #8D5B4A #4A7E8D

Analogous Palette

#386156 #3E6A5E #2A6374 #2D697B #3E4A6A #505971

Triadic Palette

#285C6C #2D697B #83256D #923F7F #6D8325 #607321

Split Complementary Palette

#295F6F #2D697B #7B2D42 #884255 #7B662D #6F5C29

Square Palette

#265867 #2D697B #623672 #724536 #427B2D #60904F

Tetradic Palette

#255665 #2D697B #391E8A #7B402D #718A1E #8B9F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D697B contains 45 red, 105 green, and 123 blue.

Contrast Ratio: 6.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.41:1