#2F516C Color

Color Information

HEX#2F516C
RGB47, 81, 108
HSL207° , 39% , 30%
HSV207° , 56% , 42%
CMYK56%, 25%, 0%, 58%

Lighter Shades

#48667E #617B8F #7A90A1 #93A5B3 #ACB9C4 #C5CED6

Darker Shades

#29475F #243E52 #1E3445 #182A38 #13202B #0D171E

Complementary Palette

#28465D #2F516C #5B4028 #6A4A2F #7F634C #4C6981

Analogous Palette

#3A5554 #3E5B5A #2C4C66 #2F516C #3E3F5B #4E4F6A

Triadic Palette

#29475F #2F516C #722750 #834165 #507227 #466422

Split Complementary Palette

#2A4961 #2F516C #6A2F32 #794447 #6A672F #5F5D2A

Square Palette

#27445B #2F516C #603663 #634A36 #326A2F #538250

Tetradic Palette

#274259 #2F516C #482178 #6A4A2F #517821 #709049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F516C contains 47 red, 81 green, and 108 blue.

Contrast Ratio: 8.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1