#9B2232

#9B2232

Color Values

HEX

#9B2232

RGB

155, 34, 50

HSL

352.1, 64.0%, 37.1%

HSV

352.1, 78.1%, 60.8%

CMYK

0.0%, 78.1%, 67.7%, 39.2%

OKLCH

0.4564 0.1559 19.2

Properties

Warm Dark Nearest: NCS S 2060-R Deep Red

Color Harmonies

Complementary

#9B2232

#229B8B

Analogous

#9B226F

#9B4F22

#9B2232

Triadic

#9B2232

#329B22

#22329B

Split Complementary

#9B2232

#229B4F

#226F9B

Tetradic

#9B2232

#6F9B22

#229B8B

#4F229B

Color Blindness Simulation

Original

#9B2232

Protanopia

#67662E

Deuteranopia

#6E772D

Tritanopia

#952B2A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #9B2232;
color: #9B2232;
border-color: #9B2232;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F4
100
#F7E3E6
200
#F2C4CA
300
#E99BA5
400
#DD6474
500
#D12E43
600
#A72536
700
#861D2B
800
#691722
900
#4C151C
950
#300D12

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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