#B61718

#B61718

Color Values

HEX

#B61718

RGB

182, 23, 24

HSL

359.6, 77.6%, 40.2%

HSV

359.6, 87.4%, 71.4%

CMYK

0.0%, 87.4%, 86.8%, 28.6%

OKLCH

0.4967 0.1908 27.7

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B61718

#17B6B5

Analogous

#B61768

#B66517

#B61718

Triadic

#B61718

#18B617

#1718B6

Split Complementary

#B61718

#17B665

#1768B6

Tetradic

#B61718

#68B617

#17B6B5

#6517B6

Color Blindness Simulation

Original

#B61718

Protanopia

#717018

Deuteranopia

#7A8618

Tritanopia

#AE1818

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E1E2
200
#F7C0C0
300
#F19293
400
#EA5758
500
#E21D1E
600
#B51718
700
#911213
800
#710E0F
900
#520F0F
950
#34090A

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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