Coloried

Dark Maroon

Dark Maroon color is a dramatic shade of very dark red. Its hex code is #510400 and rgb code is rgb(81, 4, 0), Its CMYK value is cmyk(0%, 95%, 100%, 68%), and Its HSL value is hsl(3, 100%, 16%). Against white, it has a contrast ratio of 15.36:1, while against black, the contrast ratio is 1.37:1. Complementary color is #004E52 and closest tailwind color is red-950. This color goes well with #EB8100, #EB006A, #FF4238, #00B865, and #0053B8. To create this Dark Maroon color, you can mix #000000 and #A20800.

Dark Maroon color code
|
1. Color Conversions
HEX#510400
RGB81, 4, 0
HSL3°, 100%, 16%
HSV3°, 100%, 32%
CMYK0%, 95%, 100%, 68%
Web Safe#660000
2. Contrast Ratio
Text on #FFFFFF15.36:1
AAA LargeAAA Normal
Text on #0000001.37:1
Fail LargeFail Normal
3. Dark Maroon Color Code in CSS
HEX
#510400
RGB
rgb(81, 4, 0)
HSL
hsl(3, 100%, 16%)
Text Color
color: #510400;
Background
background-color: #510400;
Border Color
border-color: #510400;
Box Shadow
box-shadow: 0 4px 14px 0 #51040080;
SCSS
$color-dark-maroon: #510400;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#302F01
Deuteranopia#343A01
Tritanopia#4D0202
Achromatopsia#1B1B1B
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive