#2F6562 Color

Color Information

HEX	#2F6562
RGB	47, 101, 98
HSL	177° , 36% , 29%
HSV	177° , 53% , 40%
CMYK	53%, 0%, 3%, 60%

Lighter Shades

#487775 #618A88 #7A9C9B #93AFAD #ACC1C0 #C5D4D3

Darker Shades

#295956 #244D4A #1E413F #183533 #132827 #0D1C1B

Complementary Palette

#285754 #2F6562 #57282B #652F32 #7B4C4F #4C7B78

Analogous Palette

#395143 #3E5649 #2C5F5C #2F6562 #3E4B56 #4C5B67

Triadic Palette

#295956 #2F6562 #69286C #7B427E #6C6928 #5F5C23

Split Complementary Palette

#2A5B58 #2F6562 #652F4D #74445F #65472F #5B402A

Square Palette

#275552 #2F6562 #48375D #5D3739 #4D652F #697E50

Tetradic Palette

#275350 #2F6562 #222672 #652F32 #726E22 #8B884A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6562 contains 47 red, 101 green, and 98 blue.

Contrast Ratio: 6.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.14:1