#2F516F Color

Color Information

HEX#2F516F
RGB47, 81, 111
HSL208° , 41% , 31%
HSV208° , 58% , 44%
CMYK58%, 27%, 0%, 56%

Lighter Shades

#486680 #617B92 #7A90A3 #93A5B4 #ACB9C5 #C5CED7

Darker Shades

#294762 #243E54 #1E3447 #182A3A #13202C #0D171F

Complementary Palette

#28465F #2F516F #5F4228 #6F4D2F #83664C #4C6983

Analogous Palette

#385655 #3E605F #2C4C68 #2F516F #3E4060 #50516D

Triadic Palette

#294762 #2F516F #772752 #874167 #527727 #486922

Split Complementary Palette

#2A4964 #2F516F #6F2F31 #7D4446 #6F6D2F #64622A

Square Palette

#27445D #2F516F #663768 #684D37 #316F2F #528650

Tetradic Palette

#27425B #2F516F #4C207E #6F4D2F #527E20 #719548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F516F contains 47 red, 81 green, and 111 blue.

Contrast Ratio: 8.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1