#3A2400
A very dark, vivid orange closely aligning with Black.
About #3A2400
Visually, #3A2400 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Black. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 36, and 0.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 38% M, 100% Y, and 77% K. This makes it a relatively dark color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#3A2400
RGB58, 36, 0
HSL37.2°, 100.0%, 11.4%
CMYK0%, 38%, 100%, 77%
HSV37.2°, 100.0%, 22.7%
LAB16.3, 6.9, 23.9
XYZ2.4, 2.2, 0.3
Decimal3810304
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
14.66:1
Text on #FFFFFF
AAA
1.43:1
Text on #000000
FAIL
14.01:1
Text on #F8FAFC
AAA
1.22:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #3A2400;
}
.text-color {
color: #3A2400;
}
.border-color {
border: 2px solid #3A2400;
}