#86103E

#86103E

Color Values

HEX

#86103E

RGB

134, 16, 62

HSL

336.6, 78.7%, 29.4%

HSV

336.6, 88.1%, 52.5%

CMYK

0.0%, 88.1%, 53.7%, 47.5%

OKLCH

0.4066 0.1519 5.2

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#86103E

#108658

Analogous

#861079

#861D10

#86103E

Triadic

#86103E

#3E8610

#103E86

Split Complementary

#86103E

#10861D

#107986

Tetradic

#86103E

#798610

#108658

#1D1086

Color Blindness Simulation

Original

#86103E

Protanopia

#535233

Deuteranopia

#5A6330

Tritanopia

#802A28

Achromatopsia

#2C2C2C

CSS Usage

background-color: #86103E;
color: #86103E;
border-color: #86103E;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF2F6
100
#F9E1EB
200
#F7BFD5
300
#F292B7
400
#EB5690
500
#E41B69
600
#B61654
700
#921143
800
#720E35
900
#530E29
950
#34091A

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

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