#B61719

#B61719

Color Values

HEX

#B61719

RGB

182, 23, 25

HSL

359.2, 77.6%, 40.2%

HSV

359.2, 87.4%, 71.4%

CMYK

0.0%, 87.4%, 86.3%, 28.6%

OKLCH

0.4967 0.1907 27.5

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#B61719

#17B6B4

Analogous

#B61769

#B66417

#B61719

Triadic

#B61719

#19B617

#1719B6

Split Complementary

#B61719

#17B664

#1769B6

Tetradic

#B61719

#69B617

#17B6B4

#6417B6

Color Blindness Simulation

Original

#B61719

Protanopia

#717019

Deuteranopia

#7A8618

Tritanopia

#AE1818

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E1E2
200
#F7C0C0
300
#F19294
400
#EA5759
500
#E21D1F
600
#B51719
700
#911214
800
#710E10
900
#520F10
950
#34090A

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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