Tuscan Red

#7C3030
RGB
124, 48, 48
HSL
0°, 44%, 34%
CMYK
0, 61, 61, 51
HSV
0°, 61%, 49%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #7C3030 color: #7C3030;
RGB 124, 48, 48 color: rgb(124, 48, 48);
RGB Percentage 49%, 19%, 19% color: rgb(49%, 19%, 19%);
CMYK 0%, 61%, 61%, 51% Not supported in CSS
HSL 0°, 44%, 34% color: hsl(0, 44%, 34%);
HSV 0°, 61%, 49% Not supported in CSS
CIE-LAB 27, 15, 0 color: lab(27% 15 0);
Decimal 8138800 Not supported in CSS

Color Variations

Shades

#7D3131
#702C2C
#642727
#572222
#4B1D1D
#3E1818
#321313
#250F0F

Tints

#E3B6B6
#D99E9E
#D08686
#C66E6E
#BD5555
#AD4343
#953A3A
#7D3131

Tones

#7D3131
#793434
#753838
#713C3C
#6E4040
#6A4444
#664747
#624B4B

Hues

#7D3131
#7D6A31
#577D31
#317D44
#317D7D
#31447D
#57317D
#7D316A

Color Harmonies

Analogous

#7D3157
Click to copy
Dark Magenta
91%
#7C3030
Click to copy
Tuscan Red
100%
#7D5731
Click to copy
Dark Orange
91%

Complementary

#7C3030
Click to copy
Tuscan Red
100%
#317D7D
Click to copy
Dark Cyan
70%

Split Complementary

#7C3030
Click to copy
Tuscan Red
100%
#317D57
Click to copy
Dark Cyan
74%
#31577D
Click to copy
Dark Blue
74%

Triadic

#7C3030
Click to copy
Tuscan Red
100%
#317D31
Click to copy
Dark Green
76%
#31317D
Click to copy
Dark Blue
76%

Tetradic

#7C3030
Click to copy
Tuscan Red
100%
#577D31
Click to copy
Dark Green
81%
#317D7D
Click to copy
Dark Cyan
70%
#57317D
Click to copy
Dark Purple
81%

Square

#7C3030
Click to copy
Tuscan Red
100%
#577D31
Click to copy
Dark Green
81%
#317D7D
Click to copy
Dark Cyan
70%
#57317D
Click to copy
Dark Purple
81%

CSS & Dev Snippets

CSS
.tuscan-red {
  color: #7C3030;
}
SCSS
$tuscan-red: #7C3030;
RGB
rgb(124, 48, 48)

Accessibility & Contrast

White background

9.04:1
9.04
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.32:1
2.32
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags