#711102

#711102

Color Values

HEX

#711102

RGB

113, 17, 2

HSL

8.1, 96.5%, 22.5%

HSV

8.1, 98.2%, 44.3%

CMYK

0.0%, 85.0%, 98.2%, 55.7%

OKLCH

0.355 0.1316 32.0

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#711102

#026271

Analogous

#71022A

#714802

#711102

Triadic

#711102

#027111

#110271

Split Complementary

#711102

#027148

#022A71

Tetradic

#711102

#2A7102

#026271

#480271

Color Blindness Simulation

Original

#711102

Protanopia

#474706

Deuteranopia

#4D5406

Tritanopia

#6C0809

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DF
200
#FEC2B9
300
#FD9787
400
#FC5E46
500
#FB2604
600
#C81E04
700
#A01803
800
#7D1302
900
#5B1206
950
#390B04

Contrast Checker

Text on white

11.78:1

AA Pass AAA Pass

Text on black

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