#2F563D Color

Color Information

HEX#2F563D
RGB47, 86, 61
HSL142° , 29% , 26%
HSV142° , 45% , 34%
CMYK45%, 0%, 29%, 66%

Lighter Shades

#486A54 #617F6C #7A9383 #93A79A #ACBBB1 #C5D0C9

Darker Shades

#294C36 #24412E #1E3727 #182D20 #132218 #0D1811

Complementary Palette

#284A34 #2F563D #4A283D #562F47 #6E4C61 #4C6E58

Analogous Palette

#364634 #3B4C38 #2C5139 #2F563D #384C49 #455E5A

Triadic Palette

#294C36 #2F563D #3B285C #534270 #5C3B28 #513423

Split Complementary Palette

#2A4D37 #2F563D #502F56 #624467 #562F34 #4D2A2F

Square Palette

#274833 #2F563D #36394F #4F3645 #56502F #716C50

Tetradic Palette

#274732 #2F563D #234A61 #562F47 #613A23 #7D5D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F563D contains 47 red, 86 green, and 61 blue.

Contrast Ratio: 8.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1