#6D2218

#6D2218

Color Values

HEX

#6D2218

RGB

109, 34, 24

HSL

7.1, 63.9%, 26.1%

HSV

7.1, 78.0%, 42.7%

CMYK

0.0%, 68.8%, 78.0%, 57.3%

OKLCH

0.3672 0.1087 30.5

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#6D2218

#18636D

Analogous

#6D1838

#6D4D18

#6D2218

Triadic

#6D2218

#186D22

#22186D

Split Complementary

#6D2218

#186D4D

#18386D

Tetradic

#6D2218

#386D18

#18636D

#4D186D

Color Blindness Simulation

Original

#6D2218

Protanopia

#4D4C1A

Deuteranopia

#51561B

Tritanopia

#691C1D

Achromatopsia

#313131

CSS Usage

background-color: #6D2218;
color: #6D2218;
border-color: #6D2218;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F2CAC4
300
#E9A49B
400
#DD7364
500
#D1412E
600
#A73425
700
#862A1D
800
#682117
900
#4C1B15
950
#30110D

Contrast Checker

Text on white

11.1:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026