#948145

#948145

Color Values

HEX

#948145

RGB

148, 129, 69

HSL

45.6, 36.4%, 42.5%

HSV

45.6, 53.4%, 58.0%

CMYK

0.0%, 12.8%, 53.4%, 42.0%

OKLCH

0.6073 0.0829 92.2

Properties

Warm Light Nearest: lightgoldenrod 4

Color Harmonies

Complementary

#948145

#455894

Analogous

#945945

#7F9445

#948145

Triadic

#948145

#459481

#814594

Split Complementary

#948145

#457F94

#594594

Tetradic

#948145

#459459

#455894

#94457F

Color Blindness Simulation

Original

#948145

Protanopia

#8C8C54

Deuteranopia

#8D8E57

Tritanopia

#935F62

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E8
200
#E8E2CE
300
#D8CDAC
400
#C3B37E
500
#AE9851
600
#8B7941
700
#6F6134
800
#574C29
900
#403921
950
#292415

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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