#86353A

#86353A

Color Values

HEX

#86353A

RGB

134, 53, 58

HSL

356.3, 43.3%, 36.7%

HSV

356.3, 60.4%, 52.5%

CMYK

0.0%, 60.4%, 56.7%, 47.5%

OKLCH

0.4431 0.1113 19.1

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#86353A

#358681

Analogous

#863563

#865935

#86353A

Triadic

#86353A

#3A8635

#353A86

Split Complementary

#86353A

#358659

#356386

Tetradic

#86353A

#638635

#358681

#593586

Color Blindness Simulation

Original

#86353A

Protanopia

#636239

Deuteranopia

#686E38

Tritanopia

#823838

Achromatopsia

#474747

CSS Usage

background-color: #86353A;
color: #86353A;
border-color: #86353A;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCE
300
#DCA7AB
400
#CA787D
500
#B7484F
600
#923A3F
700
#752E33
800
#5B2428
900
#431E20
950
#2B1314

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026