#98320B

#98320B

Color Values

HEX

#98320B

RGB

152, 50, 11

HSL

16.6, 86.5%, 32.0%

HSV

16.6, 92.8%, 59.6%

CMYK

0.0%, 67.1%, 92.8%, 40.4%

OKLCH

0.4634 0.1438 38.1

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#98320B

#0B7198

Analogous

#980B2B

#98790B

#98320B

Triadic

#98320B

#0B9832

#320B98

Split Complementary

#98320B

#0B9879

#0B2B98

Tetradic

#98320B

#2B980B

#0B7198

#790B98

Color Blindness Simulation

Original

#98320B

Protanopia

#6C6B14

Deuteranopia

#727917

Tritanopia

#931C1E

Achromatopsia

#454545

CSS Usage

background-color: #98320B;
color: #98320B;
border-color: #98320B;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF5F2
100
#FAE7E0
200
#FACEBC
300
#F7AA8D
400
#F27C4F
500
#EE4E11
600
#BE3F0E
700
#98320B
800
#772709
900
#56200B
950
#361407

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026