#B10707

#B10707

Color Values

HEX

#B10707

RGB

177, 7, 7

HSL

0.0, 92.4%, 36.1%

HSV

0.0, 96.0%, 69.4%

CMYK

0.0%, 96.0%, 96.0%, 30.6%

OKLCH

0.4799 0.1935 28.8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#B10707

#07B1B1

Analogous

#B1075C

#B15C07

#B10707

Triadic

#B10707

#07B107

#0707B1

Split Complementary

#B10707

#07B15C

#075CB1

Tetradic

#B10707

#5CB107

#07B1B1

#5C07B1

Color Blindness Simulation

Original

#B10707

Protanopia

#676607

Deuteranopia

#717E07

Tritanopia

#A80707

Achromatopsia

#2B2B2B

CSS Usage

background-color: #B10707;
color: #B10707;
border-color: #B10707;
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.23:1

AA Pass AAA Pass

Text on black

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