#66150F

#66150F

Color Values

HEX

#66150F

RGB

102, 21, 15

HSL

4.1, 74.4%, 22.9%

HSV

4.1, 85.3%, 40.0%

CMYK

0.0%, 79.4%, 85.3%, 60.0%

OKLCH

0.3374 0.1151 29.0

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#66150F

#0F6066

Analogous

#660F34

#66400F

#66150F

Triadic

#66150F

#0F6615

#150F66

Split Complementary

#66150F

#0F6640

#0F3466

Tetradic

#66150F

#34660F

#0F6066

#400F66

Color Blindness Simulation

Original

#66150F

Protanopia

#434210

Deuteranopia

#484E11

Tritanopia

#621212

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C4C1
300
#EF9A94
400
#E7645A
500
#DE2E21
600
#B2241A
700
#8E1D15
800
#6F1710
900
#511410
950
#330D0A

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

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