#830C3C

#830C3C

Color Values

HEX

#830C3C

RGB

131, 12, 60

HSL

335.8, 83.2%, 28.0%

HSV

335.8, 90.8%, 51.4%

CMYK

0.0%, 90.8%, 54.2%, 48.6%

OKLCH

0.3981 0.1515 5.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#830C3C

#0C8353

Analogous

#830C77

#83170C

#830C3C

Triadic

#830C3C

#3C830C

#0C3C83

Split Complementary

#830C3C

#0C8317

#0C7783

Tetradic

#830C3C

#77830C

#0C8353

#170C83

Color Blindness Simulation

Original

#830C3C

Protanopia

#4F4E30

Deuteranopia

#565F2E

Tritanopia

#7D2725

Achromatopsia

#292929

CSS Usage

background-color: #830C3C;
color: #830C3C;
border-color: #830C3C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED6
300
#F58FB8
400
#EF5291
500
#EA156B
600
#BB1156
700
#950E44
800
#750B35
900
#550C29
950
#36081A

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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