HEX #DC312E color — Punch
The color #dc312e is a dark shade and moderately saturated.
Palette
dc312e color palette from light to dark
HEX |
RGB |
HSL |
#fdf2f2 |
rgb(253,242,242) |
hsl(1,71%,97%) |
#f9dddc |
rgb(249,221,220) |
hsl(1,71%,92%) |
#f5c7c6 |
rgb(245,199,198) |
hsl(1,71%,87%) |
#f2b2b1 |
rgb(242,178,177) |
hsl(1,71%,82%) |
#ee9c9b |
rgb(238,156,155) |
hsl(1,71%,77%) |
#ea8785 |
rgb(234,135,133) |
hsl(1,71%,72%) |
#e7716f |
rgb(231,113,111) |
hsl(1,71%,67%) |
#e35c59 |
rgb(227,92,89) |
hsl(1,71%,62%) |
#df4643 |
rgb(223,70,67) |
hsl(1,71%,57%) |
#dc312e |
rgb(220,49,46) |
hsl(1,71%,52%) |
#cd2623 |
rgb(205,38,35) |
hsl(1,71%,47%) |
#b7221f |
rgb(183,34,31) |
hsl(1,71%,42%) |
#a11e1b |
rgb(161,30,27) |
hsl(1,71%,37%) |
#8c1a18 |
rgb(140,26,24) |
hsl(1,71%,32%) |
#761614 |
rgb(118,22,20) |
hsl(1,71%,27%) |
#601210 |
rgb(96,18,16) |
hsl(1,71%,22%) |
#4a0e0d |
rgb(74,14,13) |
hsl(1,71%,17%) |
#340a09 |
rgb(52,10,9) |
hsl(1,71%,12%) |
#1f0605 |
rgb(31,6,5) |
hsl(1,71%,7%) |
#090201 |
rgb(9,2,1) |
hsl(1,71%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#DC2E9F |
rgb(220,46,159) |
hsl(321,71%,52%) |
#DC312E |
rgb(220,49,46) |
hsl(1,71%,52%) |
#DCA62E |
rgb(220,166,46) |
hsl(41,71%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E87876 |
rgb(232,120,118) |
hsl(1,71%,69%) |
#E25452 |
rgb(226,84,82) |
hsl(1,71%,60%) |
#DC312E |
rgb(220,49,46) |
hsl(1,71%,52%) |
#BF2420 |
rgb(191,36,32) |
hsl(2,71%,44%) |
#9A1C19 |
rgb(154,28,25) |
hsl(1,72%,35%) |
#761413 |
rgb(118,20,19) |
hsl(1,72%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#DC312E |
rgb(220,49,46) |
hsl(1,71%,52%) |
#2EDB88 |
rgb(46,219,136) |
hsl(151,71%,52%) |
#2E82DC |
rgb(46,130,220) |
hsl(211,71%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#DC312E |
rgb(220,49,46) |
hsl(1,71%,52%) |
#2ED9DC |
rgb(46,217,220) |
hsl(181,71%,52%) |
#DC2E82 |
rgb(220,46,130) |
hsl(331,71%,52%) |
#2E82DC |
rgb(46,130,220) |
hsl(211,71%,52%) |