Mahogany

#C04000
RGB
192, 64, 0
HSL
20°, 100%, 38%
CMYK
0, 67, 100, 25
HSV
20°, 100%, 75%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C04000 color: #C04000;
RGB 192, 64, 0 color: rgb(192, 64, 0);
RGB Percentage 75%, 25%, 0% color: rgb(75%, 25%, 0%);
CMYK 0%, 67%, 100%, 25% Not supported in CSS
HSL 20°, 100%, 38% color: hsl(20, 100%, 38%);
HSV 20°, 100%, 75% Not supported in CSS
CIE-LAB 30, 26, 21 color: lab(30% 26 21);
Decimal 12599296 Not supported in CSS

Color Variations

Shades

#C24100
#AE3A00
#9B3400
#882D00
#742700
#612000
#4E1A00
#3A1300

Tints

#FFC0A0
#FFAB81
#FF9661
#FF8141
#FF6B22
#FF5602
#E14B00
#C24100

Tones

#C24100
#B8440A
#AE4713
#A54A1D
#9B4E27
#915130
#88543A
#7E5744

Hues

#C24100
#B2C200
#20C200
#00C271
#0081C2
#1000C2
#A200C2
#C20051

Color Harmonies

Analogous

#C20020
Click to copy
#C04000
Click to copy
#C2A200
Click to copy

Complementary

#C04000
Click to copy
#0081C2
Click to copy

Split Complementary

#C04000
Click to copy
#00C2A2
Click to copy
#0020C2
Click to copy

Triadic

#C04000
Click to copy
#00C241
Click to copy
#4100C2
Click to copy

Tetradic

#C04000
Click to copy
#20C200
Click to copy
#0081C2
Click to copy
#A200C2
Click to copy

Square

#C04000
Click to copy
#20C200
Click to copy
#0081C2
Click to copy
#A200C2
Click to copy

CSS & Dev Snippets

CSS
.mahogany {
  color: #C04000;
}
SCSS
$mahogany: #C04000;
RGB
rgb(192, 64, 0)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags