#B2201B

#B2201B

Color Values

HEX

#B2201B

RGB

178, 32, 27

HSL

2.0, 73.7%, 40.2%

HSV

2.0, 84.8%, 69.8%

CMYK

0.0%, 82.0%, 84.8%, 30.2%

OKLCH

0.4947 0.1818 28.3

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#B2201B

#1BADB2

Analogous

#B21B61

#B26C1B

#B2201B

Triadic

#B2201B

#1BB220

#201BB2

Split Complementary

#B2201B

#1BB26C

#1B61B2

Tetradic

#B2201B

#61B21B

#1BADB2

#6C1BB2

Color Blindness Simulation

Original

#B2201B

Protanopia

#73721C

Deuteranopia

#7B861C

Tritanopia

#AB1D1D

Achromatopsia

#3F3F3F

CSS Usage

background-color: #B2201B;
color: #B2201B;
border-color: #B2201B;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C3C1
300
#EF9895
400
#E6605B
500
#DD2822
600
#B1201B
700
#8E1915
800
#6F1411
900
#511210
950
#330C0A

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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