#332C0F

A very dark, moderate yellow closely aligning with Black.

About #332C0F

The precise color #332C0F is an excellent choice for modern design projects. 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 51, 44, and 15.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 14% Magenta, 71% Yellow, and 80% Black. This makes it a relatively dark color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#332C0F
RGB51, 44, 15
HSL48.3°, 54.5%, 12.9%
CMYK0%, 14%, 71%, 80%
HSV48.3°, 70.6%, 20.0%
LAB18.1, -1.3, 19.5
XYZ2.4, 2.5, 0.8
Decimal3353615

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

13.93:1
Text on #FFFFFF
AAA
1.51:1
Text on #000000
FAIL
13.31:1
Text on #F8FAFC
AAA
1.28:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #332C0F; }
.text-color { color: #332C0F; }
.border-color { border: 2px solid #332C0F; }

Similar Colors

Black
#000000