#2F4263 Color

Color Information

HEX#2F4263
RGB47, 66, 99
HSL218° , 36% , 29%
HSV218° , 53% , 39%
CMYK53%, 33%, 0%, 61%

Lighter Shades

#485976 #616F88 #7A869B #939DAE #ACB3C1 #C5CAD3

Darker Shades

#293A57 #24324B #1E2A3F #182233 #131A28 #0D121C

Complementary Palette

#283955 #2F4263 #574628 #65512F #7B694C #4C5C79

Analogous Palette

#394D51 #3E5256 #2C3E5D #2F4263 #413E56 #4F4C67

Triadic Palette

#293A57 #2F4263 #6C2841 #7E4258 #416C28 #395F23

Split Complementary Palette

#2A3B59 #2F4263 #65362F #744A44 #5D652F #545B2A

Square Palette

#273753 #2F4263 #5D3757 #5D4F37 #2F6536 #507E56

Tetradic Palette

#273651 #2F4263 #552272 #65512F #3F7222 #628B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4263 contains 47 red, 66 green, and 99 blue.

Contrast Ratio: 10.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.01:1