#661108

#661108

Color Values

HEX

#661108

RGB

102, 17, 8

HSL

5.7, 85.5%, 21.6%

HSV

5.7, 92.2%, 40.0%

CMYK

0.0%, 83.3%, 92.2%, 60.0%

OKLCH

0.333 0.1195 30.4

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#661108

#085D66

Analogous

#66082E

#664008

#661108

Triadic

#661108

#086611

#110866

Split Complementary

#661108

#086640

#082E66

Tetradic

#661108

#2E6608

#085D66

#400866

Color Blindness Simulation

Original

#661108

Protanopia

#41400A

Deuteranopia

#464C0B

Tritanopia

#620C0C

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#FAC3BD
300
#F6978D
400
#F15F50
500
#ED2712
600
#BD1F0F
700
#97190C
800
#761409
900
#56120B
950
#360C07

Contrast Checker

Text on white

12.74:1

AA Pass AAA Pass

Text on black

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