#2F5A67 Color

Color Information

HEX#2F5A67
RGB47, 90, 103
HSL194° , 37% , 29%
HSV194° , 54% , 40%
CMYK54%, 13%, 0%, 60%

Lighter Shades

#486E79 #61828B #7A959E #93A9B0 #ACBDC2 #C5D1D4

Darker Shades

#294F5B #24444E #1E3A42 #182F36 #132429 #0D191D

Complementary Palette

#284D59 #2F5A67 #573328 #653B2F #7B564C #4C717C

Analogous Palette

#39514A #3E564F #2C5561 #2F5A67 #3E4456 #4C5367

Triadic Palette

#294F5B #2F5A67 #6C285D #7E4270 #5D6C28 #525F23

Split Complementary Palette

#2A515D #2F5A67 #652F3D #744450 #65572F #5B4E2A

Square Palette

#274C57 #2F5A67 #53375D #5D3F37 #3D652F #5C7E50

Tetradic Palette

#274A54 #2F5A67 #332272 #653B2F #617222 #7D8B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5A67 contains 47 red, 90 green, and 103 blue.

Contrast Ratio: 7.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1