#2F6476 Color

Color Information

HEX#2F6476
RGB47, 100, 118
HSL195° , 43% , 32%
HSV195° , 60% , 46%
CMYK60%, 15%, 0%, 54%

Lighter Shades

#487786 #618997 #7A9CA7 #93AEB8 #ACC1C8 #C5D4D9

Darker Shades

#295868 #244C5A #1E404C #18343D #13282F #0D1C21

Complementary Palette

#285665 #2F6476 #653728 #75402F #885B4C #4C7A89

Analogous Palette

#3B5E55 #3F645B #2C5E6F #2F6476 #3F4864 #52596F

Triadic Palette

#295868 #2F6476 #7D2667 #8D4079 #677D26 #5B6E21

Split Complementary Palette

#2A5A6A #2F6476 #752F40 #834453 #75632F #69592A

Square Palette

#275463 #2F6476 #5F376D #6D4437 #40752F #5F8B50

Tetradic Palette

#275261 #2F6476 #392083 #75402F #6A8320 #859948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6476 contains 47 red, 100 green, and 118 blue.

Contrast Ratio: 6.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.19:1