HEX Color #6D0F3A (Brown)

About #6D0F3A

The precise color #6D0F3A is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 15, and 58.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#6D0F3A

RGB109, 15, 58

HSL332.6°, 75.8%, 24.3%

CMYK0%, 86%, 47%, 57%

HSV332.6°, 86.2%, 42.7%

LAB23.3, 42.4, -0.7

XYZ7.2, 3.9, 4.4

Decimal7147322

Color Harmonies

Complementary

#6D0F3A #0E6D42

Analogous

#6D0E68 #6D130E

Triadic

#396D0E #0E396D

Tetradic

#686D0E #0E6D42 #130E6D

Tints, Shades & Tones

Tints (Adding White)

#6D0F3A

#7D294F

#8D4465

#9D5F7B

#AD7991

#BE94A7

#CEAFBD

#DEC9D3

#EEE4E9

#FFFFFF

Shades (Adding Black)

#6D0F3A

#600D33

#540B2D

#480A26

#3C0820

#300619

#240513

#18030C

#0C0106

#000000

WCAG Contrast Accessibility

11.80:1

Text on #FFFFFF

AAA

1.78:1

Text on #000000

FAIL

11.28:1

Text on #F8FAFC

AAA

1.51:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D0F3A; }

.text-color { color: #6D0F3A; }

.border-color { border: 2px solid #6D0F3A; }

Similar Colors

Brown

#A52A2A