HEX Color #92002C (Brown)

About #92002C

Visually, #92002C is defined as a vivid magenta. It is closely associated with the named CSS color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 0, and 44.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. With a hue angle of 341.9 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#92002C

RGB146, 0, 44

HSL341.9°, 100.0%, 28.6%

CMYK0%, 100%, 70%, 43%

HSV341.9°, 100.0%, 57.3%

LAB30.1, 54.1, 19.5

XYZ12.3, 6.3, 2.9

Decimal9568300

Color Harmonies

Complementary

#92002C #009266

Analogous

#920074 #921D00

Triadic

#2B9200 #002B92

Tetradic

#749200 #009266 #1D0092

Tints, Shades & Tones

Tints (Adding White)

#92002C

#9E1C43

#AA385A

#B65572

#C27189

#CE8DA1

#DAAAB8

#E6C6D0

#F2E2E7

#FFFFFF

Shades (Adding Black)

#92002C

#810027

#710022

#61001D

#510018

#400013

#30000E

#200009

#100004

#000000

WCAG Contrast Accessibility

9.30:1

Text on #FFFFFF

AAA

2.26:1

Text on #000000

FAIL

8.89:1

Text on #F8FAFC

AAA

1.92:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #92002C; }

.text-color { color: #92002C; }

.border-color { border: 2px solid #92002C; }

Similar Colors

Brown

#A52A2A