#987348

#987348

Color Values

HEX

#987348

RGB

152, 115, 72

HSL

32,3, 35,7%, 43,9%

HSV

32,3, 52,6%, 59,6%

CMYK

0,0%, 24,3%, 52,6%, 40,4%

OKLCH

0,5824 0,0753 69,6

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#987348

#486D98

Analogous

#984B48

#959848

#987348

Triadic

#987348

#489873

#734898

Split Complementary

#987348

#489598

#4B4898

Tetradic

#987348

#48984B

#486D98

#984895

Color Blindness Simulation

Original

#987348

Protanopia

#888852

Deuteranopia

#8A8D55

Tritanopia

#965B5C

Achromatopsia

#787878

CSS Usage

background-color: #987348;
color: #987348;
border-color: #987348;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DCCF
300
#D8C3AC
400
#C2A37F
500
#AD8352
600
#8A6942
700
#6F5434
800
#574129
900
#403221
950
#281F15

Contrast Checker

Text on white

4,3:1

AA Fail AAA Fail

Text on black

4,88:1

AA Pass 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