#6F2F24

#6F2F24

Color Values

HEX

#6F2F24

RGB

111, 47, 36

HSL

8.8, 51.0%, 28.8%

HSV

8.8, 67.6%, 43.5%

CMYK

0.0%, 57.7%, 67.6%, 56.5%

OKLCH

0.3917 0.0936 31.5

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#6F2F24

#24646F

Analogous

#6F243E

#6F5424

#6F2F24

Triadic

#6F2F24

#246F2F

#2F246F

Split Complementary

#6F2F24

#246F54

#243E6F

Tetradic

#6F2F24

#3E6F24

#24646F

#54246F

Color Blindness Simulation

Original

#6F2F24

Protanopia

#535327

Deuteranopia

#575C27

Tritanopia

#6C2929

Achromatopsia

#3C3C3C

CSS Usage

background-color: #6F2F24;
color: #6F2F24;
border-color: #6F2F24;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EECEC9
300
#E1ACA3
400
#D17F71
500
#C1523E
600
#9A4132
700
#7B3428
800
#60291F
900
#47211A
950
#2D1511

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

2.11: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