#B02A17

#B02A17

Color Values

HEX

#B02A17

RGB

176, 42, 23

HSL

7,5, 76,9%, 39,0%

HSV

7,5, 86,9%, 69,0%

CMYK

0,0%, 76,1%, 86,9%, 31,0%

OKLCH

0,4986 0,1733 31,3

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#B02A17

#179DB0

Analogous

#B01750

#B07717

#B02A17

Triadic

#B02A17

#17B02A

#2A17B0

Split Complementary

#B02A17

#17B077

#1750B0

Tetradic

#B02A17

#50B017

#179DB0

#7717B0

Color Blindness Simulation

Original

#B02A17

Protanopia

#76751C

Deuteranopia

#7E881D

Tritanopia

#A91F20

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E4E1
200
#F7C7C0
300
#F19F93
400
#E96A58
500
#E2361D
600
#B42B18
700
#902313
800
#711B0F
900
#52170F
950
#340F09

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

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