#2F4546 Color

Color Information

HEX#2F4546
RGB47, 69, 70
HSL183° , 20% , 23%
HSV183° , 33% , 27%
CMYK33%, 1%, 0%, 73%

Lighter Shades

#485B5C #617272 #7A8889 #939E9F #ACB5B5 #C5CBCB

Darker Shades

#293D3E #243435 #1E2C2D #182424 #131C1C #0D1314

Complementary Palette

#283B3C #2F4546 #3C2928 #46302F #604D4C #4C5F60

Analogous Palette

#2E3E37 #32433C #2C4142 #2F4546 #323943 #3F4855

Triadic Palette

#293D3E #2F4546 #4C294A #614360 #4A4C29 #414324

Split Complementary Palette

#2A3E3F #2F4546 #462F39 #59444D #463C2F #3F362A

Square Palette

#273A3B #2F4546 #3C3243 #433332 #39462F #596450

Tetradic Palette

#273939 #2F4546 #272451 #46302F #4F5124 #6F704B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4546 contains 47 red, 69 green, and 70 blue.

Contrast Ratio: 10.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.99:1