#B23338

#B23338

Color Values

HEX

#B23338

RGB

178, 51, 56

HSL

357.6, 55.5%, 44.9%

HSV

357.6, 71.3%, 69.8%

CMYK

0.0%, 71.3%, 68.5%, 30.2%

OKLCH

0.5147 0.1632 23.0

Properties

Warm Dark Nearest: NCS S 2060-R Deep Red

Color Harmonies

Complementary

#B23338

#33B2AD

Analogous

#B23378

#B26D33

#B23338

Triadic

#B23338

#38B233

#3338B2

Split Complementary

#B23338

#33B26D

#3378B2

Tetradic

#B23338

#78B233

#33B2AD

#6D33B2

Color Blindness Simulation

Original

#B23338

Protanopia

#7B7A37

Deuteranopia

#828C36

Tritanopia

#AC3636

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#EFC7C9
300
#E4A0A3
400
#D56C70
500
#C6393E
600
#9F2D32
700
#7F2428
800
#631C1F
900
#49181A
950
#2E0F11

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026