#86393D

#86393D

Color Values

HEX

#86393D

RGB

134, 57, 61

HSL

356.9, 40.3%, 37.5%

HSV

356.9, 57.5%, 52.5%

CMYK

0.0%, 57.5%, 54.5%, 47.5%

OKLCH

0.4497 0.1059 19.2

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#86393D

#398682

Analogous

#863964

#865C39

#86393D

Triadic

#86393D

#3D8639

#393D86

Split Complementary

#86393D

#39865C

#396486

Tetradic

#86393D

#648639

#398682

#5C3986

Color Blindness Simulation

Original

#86393D

Protanopia

#65643C

Deuteranopia

#696F3C

Tritanopia

#823B3B

Achromatopsia

#4A4A4A

CSS Usage

background-color: #86393D;
color: #86393D;
border-color: #86393D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCE
300
#DAA9AC
400
#C77B7F
500
#B34C51
600
#8F3D41
700
#723134
800
#592629
900
#421F21
950
#2A1415

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

2.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

二月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

二月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

二月 19, 2026