#863C33

#863C33

Color Values

HEX

#863C33

RGB

134, 60, 51

HSL

6.5, 44.9%, 36.3%

HSV

6.5, 61.9%, 52.5%

CMYK

0.0%, 55.2%, 61.9%, 47.5%

OKLCH

0.4522 0.1037 28.8

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#863C33

#337D86

Analogous

#863354

#866633

#863C33

Triadic

#863C33

#33863C

#3C3386

Split Complementary

#863C33

#338666

#335486

Tetradic

#863C33

#548633

#337D86

#663386

Color Blindness Simulation

Original

#863C33

Protanopia

#666535

Deuteranopia

#6A7036

Tritanopia

#823737

Achromatopsia

#4B4B4B

CSS Usage

background-color: #863C33;
color: #863C33;
border-color: #863C33;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#EBCFCB
300
#DDACA6
400
#CB7F76
500
#B95346
600
#944238
700
#76352D
800
#5C2923
900
#44211D
950
#2B1512

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026