#56A67F Color

Color Information

HEX#56A67F
RGB86, 166, 127
HSL151° , 32% , 49%
HSV151° , 48% , 65%
CMYK48%, 0%, 23%, 35%

Lighter Shades

#6AB18E #7FBB9E #93C6AD #A7D1BC #BBDBCC #D0E6DB

Darker Shades

#4C9270 #417E61 #376A51 #2D5642 #224233 #182E24

Complementary Palette

#4A8F6D #56A67F #8E496B #A5557C #B26D8E #6EB291

Analogous Palette

#628462 #6A906B #519C77 #56A67F #6A8F90 #759999

Triadic Palette

#4C9270 #56A67F #7F48B1 #8E5EBA #B17F48 #9C703F

Split Complementary Palette

#4D9572 #56A67F #A555A4 #AE66AD #A55655 #954D4D

Square Palette

#488B6B #56A67F #626198 #98617C #A4A555 #B3B370

Tetradic Palette

#478868 #56A67F #3E7BBB #A5557C #BB7F3E #C79661

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #56A67F contains 86 red, 166 green, and 127 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1