#2F5868 Color

Color Information

HEX#2F5868
RGB47, 88, 104
HSL197° , 38% , 30%
HSV197° , 55% , 41%
CMYK55%, 15%, 0%, 59%

Lighter Shades

#486C7A #61808C #7A949E #93A8B0 #ACBCC3 #C5D0D5

Darker Shades

#294D5C #24434F #1E3843 #182E36 #13232A #0D191D

Complementary Palette

#284C59 #2F5868 #5B3728 #6A402F #7F5B4C #4C6F7D

Analogous Palette

#3A554F #3E5B55 #2C5362 #2F5868 #3E445B #4E546A

Triadic Palette

#294D5C #2F5868 #72275D #834170 #5D7227 #526422

Split Complementary Palette

#2A4F5E #2F5868 #6A2F3C #794450 #6A5D2F #5F542A

Square Palette

#274A57 #2F5868 #593663 #634336 #3C6A2F #5B8250

Tetradic Palette

#274855 #2F5868 #3A2178 #6A402F #5F7821 #7C9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5868 contains 47 red, 88 green, and 104 blue.

Contrast Ratio: 7.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1