#2F4750 Color

Color Information

HEX#2F4750
RGB47, 71, 80
HSL196° , 26% , 25%
HSV196° , 41% , 31%
CMYK41%, 11%, 0%, 69%

Lighter Shades

#485D65 #61737A #7A898F #939FA4 #ACB5B9 #C5CBCE

Darker Shades

#293E46 #24363D #1E2D33 #18252A #131C20 #0D1416

Complementary Palette

#283D45 #2F4750 #453028 #50382F #69544C #4C6169

Analogous Palette

#32433F #364945 #2C434B #2F4750 #363B49 #43495B

Triadic Palette

#293E46 #2F4750 #57294A #6B4360 #4A5729 #414D24

Split Complementary Palette

#2A4048 #2F4750 #502F37 #62444B #50492F #48422A

Square Palette

#273C43 #2F4750 #46364A #4A3B36 #37502F #576C50

Tetradic Palette

#273A42 #2F4750 #33245C #50382F #4D5C24 #6D794B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4750 contains 47 red, 71 green, and 80 blue.

Contrast Ratio: 10.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1