#98450C

#98450C

Color Values

HEX

#98450C

RGB

152, 69, 12

HSL

24.4, 85.4%, 32.2%

HSV

24.4, 92.1%, 59.6%

CMYK

0.0%, 54.6%, 92.1%, 40.4%

OKLCH

0.4904 0.1274 48.1

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#98450C

#0C5F98

Analogous

#980C19

#988B0C

#98450C

Triadic

#98450C

#0C9845

#450C98

Split Complementary

#98450C

#0C988B

#0C1998

Tetradic

#98450C

#19980C

#0C5F98

#8B0C98

Color Blindness Simulation

Original

#98450C

Protanopia

#74731A

Deuteranopia

#797F1D

Tritanopia

#942527

Achromatopsia

#535353

CSS Usage

background-color: #98450C;
color: #98450C;
border-color: #98450C;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FDF6F2
100
#FAEBE0
200
#FAD6BD
300
#F6B88E
400
#F19250
500
#EC6B13
600
#BD560F
700
#97450C
800
#763609
900
#56290B
950
#361A07

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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