#B02C26

#B02C26

Color Values

HEX

#B02C26

RGB

176, 44, 38

HSL

2.6, 64.5%, 42.0%

HSV

2.6, 78.4%, 69.0%

CMYK

0.0%, 75.0%, 78.4%, 31.0%

OKLCH

0.5018 0.1697 27.8

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#B02C26

#26AAB0

Analogous

#B02665

#B07126

#B02C26

Triadic

#B02C26

#26B02C

#2C26B0

Split Complementary

#B02C26

#26B071

#2665B0

Tetradic

#B02C26

#65B026

#26AAB0

#7126B0

Color Blindness Simulation

Original

#B02C26

Protanopia

#777627

Deuteranopia

#7E8828

Tritanopia

#A92929

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026