#683231

#683231

Color Values

HEX

#683231

RGB

104, 50, 49

HSL

1.1, 35.9%, 30.0%

HSV

1.1, 52.9%, 40.8%

CMYK

0.0%, 51.9%, 52.9%, 59.2%

OKLCH

0.3883 0.0777 22.4

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#683231

#316768

Analogous

#68314B

#684E31

#683231

Triadic

#683231

#316832

#323168

Split Complementary

#683231

#31684E

#314B68

Tetradic

#683231

#4B6831

#316768

#4E3168

Color Blindness Simulation

Original

#683231

Protanopia

#515031

Deuteranopia

#545831

Tritanopia

#653131

Achromatopsia

#3D3D3D

CSS Usage

background-color: #683231;
color: #683231;
border-color: #683231;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCE
300
#D8ADAC
400
#C3807F
500
#AD5352
600
#8B4341
700
#6F3534
800
#572A29
900
#402121
950
#281515

Contrast Checker

Text on white

10.05:1

AA Pass AAA Pass

Text on black

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