#D7312E Color

Color Information

HEX#D7312E
RGB215, 49, 46
HSL1° , 68% , 51%
HSV1° , 79% , 84%
CMYK0%, 77%, 79%, 16%

Lighter Shades

#DC4A47 #E16260 #E57B79 #EA9492 #EFADAB #F4C5C4

Darker Shades

#BD2B28 #A32523 #8A1F1D #701918 #561412 #3C0E0D

Complementary Palette

#B92A28 #D7312E #27B6B9 #2DD4D7 #4ADADD #DD4E4B

Analogous Palette

#AF4176 #BE4680 #CA2E2B #D7312E #BE8446 #C38E55

Triadic Palette

#BD2B28 #D7312E #21E424 #3CE73E #2421E4 #201DC9

Split Complementary Palette

#C22C29 #D7312E #2DD785 #42DB91 #2D7FD7 #2972C2

Square Palette

#B52927 #D7312E #80CB3A #3AC8CB #852DD7 #994FDD

Tetradic Palette

#B02826 #D7312E #EAEE17 #2DD4D7 #1A17EE #4341F1

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #D7312E contains 215 red, 49 green, and 46 blue.

Contrast Ratio: 4.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.33:1