#670303

#670303

Color Values

HEX

#670303

RGB

103, 3, 3

HSL

0.0, 94.3%, 20.8%

HSV

0.0, 97.1%, 40.4%

CMYK

0.0%, 97.1%, 97.1%, 59.6%

OKLCH

0.3249 0.1301 28.7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#670303

#036767

Analogous

#670335

#673503

#670303

Triadic

#670303

#036703

#030367

Split Complementary

#670303

#036735

#033567

Tetradic

#670303

#356703

#036767

#350367

Color Blindness Simulation

Original

#670303

Protanopia

#3C3B03

Deuteranopia

#424903

Tritanopia

#620303

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABA
300
#FC8888
400
#FA4848
500
#F80707
600
#C60606
700
#9F0505
800
#7C0404
900
#5A0707
950
#390505

Contrast Checker

Text on white

13.2:1

AA Pass AAA Pass

Text on black

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