#B12C26

#B12C26

Color Values

HEX

#B12C26

RGB

177, 44, 38

HSL

2.6, 64.7%, 42.2%

HSV

2.6, 78.5%, 69.4%

CMYK

0.0%, 75.1%, 78.5%, 30.6%

OKLCH

0.5036 0.1707 27.8

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#B12C26

#26ABB1

Analogous

#B12666

#B17226

#B12C26

Triadic

#B12C26

#26B12C

#2C26B1

Split Complementary

#B12C26

#26B172

#2666B1

Tetradic

#B12C26

#66B126

#26ABB1

#7226B1

Color Blindness Simulation

Original

#B12C26

Protanopia

#777627

Deuteranopia

#7F8928

Tritanopia

#AA2929

Achromatopsia

#484848

CSS Usage

background-color: #B12C26;
color: #B12C26;
border-color: #B12C26;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F2C6C4
300
#E99E9A
400
#DE6964
500
#D2342D
600
#A82A24
700
#86211D
800
#691A17
900
#4D1714
950
#300E0D

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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