#2F6D7B Color

Color Information

HEX#2F6D7B
RGB47, 109, 123
HSL191° , 45% , 33%
HSV191° , 62% , 48%
CMYK62%, 11%, 0%, 52%

Lighter Shades

#487F8B #61909B #7AA2AB #93B3BA #ACC5CA #C5D6DA

Darker Shades

#29606C #24535D #1E464F #183940 #132C31 #0D1F22

Complementary Palette

#285E6A #2F6D7B #693428 #7A3C2E #8D574B #4C818D

Analogous Palette

#396054 #3F695C #2C6674 #2F6D7B #3F4C69 #515B70

Triadic Palette

#29606C #2F6D7B #822671 #914082 #718226 #637221

Split Complementary Palette

#2A626F #2F6D7B #7A2E46 #874359 #7A622E #6E5829

Square Palette

#275C67 #2F6D7B #5F3772 #724137 #467A2E #648F4F

Tetradic Palette

#275965 #2F6D7B #331F89 #7A3C2E #76891F #8F9E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6D7B contains 47 red, 109 green, and 123 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1