#2F505F Color

Color Information

HEX#2F505F
RGB47, 80, 95
HSL199° , 34% , 28%
HSV199° , 51% , 37%
CMYK51%, 16%, 0%, 63%

Lighter Shades

#486572 #617A85 #7A8F99 #93A4AC #ACB9BF #C5CED2

Darker Shades

#294654 #243D48 #1E333D #182A31 #132026 #0D161B

Complementary Palette

#284552 #2F505F #533528 #603E2F #76594C #4C6975

Analogous Palette

#384C49 #3D524E #2C4B59 #2F505F #3D4152 #4A4E64

Triadic Palette

#294654 #2F505F #672852 #794267 #526728 #485B23

Split Complementary Palette

#2A4856 #2F505F #602F38 #70444C #60572F #564E2A

Square Palette

#274350 #2F505F #523659 #594136 #38602F #587950

Tetradic Palette

#27424E #2F505F #39226D #603E2F #546D22 #73874A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F505F contains 47 red, 80 green, and 95 blue.

Contrast Ratio: 8.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1