#DC986F Color

Color Information

HEX#DC986F
RGB220, 152, 111
HSL23° , 61% , 65%
HSV23° , 50% , 86%
CMYK0%, 31%, 50%, 14%

Lighter Shades

#E0A480 #E4B192 #E9BDA3 #EDC9B4 #F1D6C5 #F5E2D7

Darker Shades

#C28662 #A77454 #8D6147 #724F3A #583D2C #3E2B1F

Complementary Palette

#BD835F #DC986F #5F99BD #6FB2DC #83BDE1 #E1A683

Analogous Palette

#B77B82 #CA818A #CF8F68 #DC986F #CAC281 #CFC78C

Triadic Palette

#C28662 #DC986F #66E597 #78E8A3 #9766E5 #855ACA

Split Complementary Palette

#C68964 #DC986F #6FDCCF #7DE0D4 #6F7CDC #6470C6

Square Palette

#B9805D #DC986F #83D378 #78B0D3 #CF6FDC #D786E2

Tetradic Palette

#B47D5B #DC986F #B6EC5F #6FB2DC #955FEC #A87CEF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DC986F contains 220 red, 152 green, and 111 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.89:1