#DE6F60 Color

Color Information

HEX#DE6F60
RGB222, 111, 96
HSL7° , 66% , 62%
HSV7° , 57% , 87%
CMYK0%, 50%, 57%, 13%

Lighter Shades

#E28073 #E69286 #EAA399 #EEB4AC #F2C5BF #F6D7D2

Darker Shades

#C36254 #A95449 #8E473D #733A32 #592C26 #3E1F1B

Complementary Palette

#BF5F53 #DE6F60 #51B2BF #5ECFDE #75D6E3 #E38376

Analogous Palette

#B76C89 #CB7294 #D1685A #DE6F60 #CBA972 #CFAF7D

Triadic Palette

#C36254 #DE6F60 #54E866 #69EB78 #6654E8 #5A4ACC

Split Complementary Palette

#C86456 #DE6F60 #5EDEAD #6EE1B5 #5E8FDE #5581C8

Square Palette

#BA5D51 #DE6F60 #91D468 #68C8D4 #AD5EDE #BA78E3

Tetradic Palette

#B65B4F #DE6F60 #DDEF4D #5ECFDE #604DEF #7D6DF2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DE6F60 contains 222 red, 111 green, and 96 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1