#B02A18

#B02A18

Color Values

HEX

#B02A18

RGB

176, 42, 24

HSL

7.1, 76.0%, 39.2%

HSV

7.1, 86.4%, 69.0%

CMYK

0.0%, 76.1%, 86.4%, 31.0%

OKLCH

0.4987 0.1732 31.1

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#B02A18

#189EB0

Analogous

#B01852

#B07618

#B02A18

Triadic

#B02A18

#18B02A

#2A18B0

Split Complementary

#B02A18

#18B076

#1852B0

Tetradic

#B02A18

#52B018

#189EB0

#7618B0

Color Blindness Simulation

Original

#B02A18

Protanopia

#76751C

Deuteranopia

#7E881D

Tritanopia

#A92021

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E4E2
200
#F6C7C0
300
#F09E93
400
#E86A59
500
#E0361F
600
#B42B18
700
#902214
800
#701B0F
900
#52170F
950
#340F0A

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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