#2F6474 Color

Color Information

HEX#2F6474
RGB47, 100, 116
HSL194° , 42% , 32%
HSV194° , 59% , 45%
CMYK59%, 14%, 0%, 55%

Lighter Shades

#487785 #618995 #7A9CA6 #93AEB7 #ACC1C7 #C5D4D8

Darker Shades

#295866 #244C58 #1E404A #18343C #13282E #0D1C20

Complementary Palette

#285664 #2F6474 #643628 #743F2F #875A4C #4C7A87

Analogous Palette

#395B52 #40645A #2C5E6D #2F6474 #404A64 #50586D

Triadic Palette

#295866 #2F6474 #7C2768 #8C417A #687C27 #5C6D22

Split Complementary Palette

#2A5A68 #2F6474 #742F42 #824455 #74622F #68582A

Square Palette

#275461 #2F6474 #5E376C #6C4437 #42742F #608A50

Tetradic Palette

#27525F #2F6474 #372183 #743F2F #6C8321 #869949

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6474 contains 47 red, 100 green, and 116 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1