#B20707

#B20707

Color Values

HEX

#B20707

RGB

178, 7, 7

HSL

0.0, 92.4%, 36.3%

HSV

0.0, 96.1%, 69.8%

CMYK

0.0%, 96.1%, 96.1%, 30.2%

OKLCH

0.4819 0.1943 28.9

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#B20707

#07B2B2

Analogous

#B2075D

#B25D07

#B20707

Triadic

#B20707

#07B207

#0707B2

Split Complementary

#B20707

#07B25D

#075DB2

Tetradic

#B20707

#5DB207

#07B2B2

#5D07B2

Color Blindness Simulation

Original

#B20707

Protanopia

#686607

Deuteranopia

#727F07

Tritanopia

#A90707

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBABA
300
#FA8989
400
#F84949
500
#F50A0A
600
#C40808
700
#9D0606
800
#7B0505
900
#590808
950
#380505

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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