#98250C

#98250C

Color Values

HEX

#98250C

RGB

152, 37, 12

HSL

10.7, 85.4%, 32.2%

HSV

10.7, 92.1%, 59.6%

CMYK

0.0%, 75.7%, 92.1%, 40.4%

OKLCH

0.4491 0.1547 33.3

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#98250C

#0C7F98

Analogous

#980C39

#986B0C

#98250C

Triadic

#98250C

#0C9825

#250C98

Split Complementary

#98250C

#0C986B

#0C3998

Tetradic

#98250C

#39980C

#0C7F98

#6B0C98

Color Blindness Simulation

Original

#98250C

Protanopia

#666512

Deuteranopia

#6D7514

Tritanopia

#921718

Achromatopsia

#3C3C3C

CSS Usage

background-color: #98250C;
color: #98250C;
border-color: #98250C;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF4F2
100
#FAE5E0
200
#FAC8BD
300
#F6A08E
400
#F16D50
500
#EC3913
600
#BD2E0F
700
#97250C
800
#761D09
900
#56180B
950
#360F07

Contrast Checker

Text on white

8.06:1

AA Pass AAA Pass

Text on black

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