#DE5A50 Color

Color Information

HEX#DE5A50
RGB222, 90, 80
HSL4° , 68% , 59%
HSV4° , 64% , 87%
CMYK0%, 59%, 64%, 13%

Lighter Shades

#E26E65 #E6827A #EA958F #EEA9A4 #F2BDB9 #F6D1CE

Darker Shades

#C34F46 #A9443D #8E3A33 #732F2A #592420 #3E1916

Complementary Palette

#BF4D45 #DE5A50 #44B6BF #4FD4DE #68DAE3 #E37169

Analogous Palette

#B45F84 #C96490 #D1554B #DE5A50 #C99D64 #CEA46F

Triadic Palette

#C34F46 #DE5A50 #45E850 #5BEB65 #5045E8 #463DCC

Split Complementary Palette

#C85148 #DE5A50 #4FDEA0 #61E1AA #4F8DDE #477FC8

Square Palette

#BA4C43 #DE5A50 #8ED35A #5ACBD3 #A04FDE #AF6BE3

Tetradic Palette

#B64A42 #DE5A50 #E4F03D #4FD4DE #493DF0 #6A60F3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DE5A50 contains 222 red, 90 green, and 80 blue.

Contrast Ratio: 3.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.69:1