#2F485F Color

Color Information

HEX#2F485F
RGB47, 72, 95
HSL209° , 34% , 28%
HSV209° , 51% , 37%
CMYK51%, 24%, 0%, 63%

Lighter Shades

#485E72 #617485 #7A8A99 #93A0AC #ACB6BF #C5CCD2

Darker Shades

#293F54 #243748 #1E2E3D #182531 #131D26 #0D141B

Complementary Palette

#283E52 #2F485F #533D28 #60472F #76614C #4C6275

Analogous Palette

#384C4C #3D5252 #2C4459 #2F485F #3D3D52 #4A4A64

Triadic Palette

#293F54 #2F485F #672848 #79425E #486728 #3F5B23

Split Complementary Palette

#2A4156 #2F485F #602F30 #704445 #605F2F #56562A

Square Palette

#273C50 #2F485F #583659 #594736 #30602F #517950

Tetradic Palette

#273B4E #2F485F #46226D #60472F #496D22 #6A874A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F485F contains 47 red, 72 green, and 95 blue.

Contrast Ratio: 9.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1