#2F657F Color

Color Information

HEX#2F657F
RGB47, 101, 127
HSL200° , 46% , 34%
HSV200° , 63% , 50%
CMYK63%, 20%, 0%, 50%

Lighter Shades

#48778E #618A9E #7A9CAD #93AFBC #ACC1CC #C5D4DB

Darker Shades

#295970 #244D61 #1E4151 #183542 #132833 #0D1C24

Complementary Palette

#28576D #2F657F #6D3F28 #7F492F #91624C #4C7B91

Analogous Palette

#3A645C #406D66 #2C5F77 #2F657F #40486D #545973

Triadic Palette

#295970 #2F657F #872667 #954079 #678726 #5B7721

Split Complementary Palette

#2A5B72 #2F657F #7F2F3C #8C4450 #7F712F #72662A

Square Palette

#27556B #2F657F #6C3776 #764C37 #3C7F2F #5B9350

Tetradic Palette

#275368 #2F657F #441F8E #7F492F #698E1F #84A247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F657F contains 47 red, 101 green, and 127 blue.

Contrast Ratio: 6.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1