#661B0D

#661B0D

Color Values

HEX

#661B0D

RGB

102, 27, 13

HSL

9.4, 77.4%, 22.5%

HSV

9.4, 87.3%, 40.0%

CMYK

0.0%, 73.5%, 87.3%, 60.0%

OKLCH

0.3439 0.1099 32.7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#661B0D

#0D5866

Analogous

#660D2B

#66470D

#661B0D

Triadic

#661B0D

#0D661B

#1B0D66

Split Complementary

#661B0D

#0D6647

#0D2B66

Tetradic

#661B0D

#2B660D

#0D5866

#470D66

Color Blindness Simulation

Original

#661B0D

Protanopia

#464510

Deuteranopia

#4A4F11

Tritanopia

#621314

Achromatopsia

#2A2A2A

CSS Usage

background-color: #661B0D;
color: #661B0D;
border-color: #661B0D;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF4F2
100
#F9E5E1
200
#F7C8C0
300
#F1A192
400
#EA6F58
500
#E23C1D
600
#B53017
700
#912612
800
#711E0E
900
#52190F
950
#341009

Contrast Checker

Text on white

12.16:1

AA Pass AAA Pass

Text on black

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