#948C47

#948C47

Color Values

HEX

#948C47

RGB

148, 140, 71

HSL

53.8, 35.2%, 42.9%

HSV

53.8, 52.0%, 58.0%

CMYK

0.0%, 5.4%, 52.0%, 42.0%

OKLCH

0.6319 0.0911 102.7

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#948C47

#474F94

Analogous

#946547

#759447

#948C47

Triadic

#948C47

#47948C

#8C4794

Split Complementary

#948C47

#477594

#654794

Tetradic

#948C47

#479465

#474F94

#944775

Color Blindness Simulation

Original

#948C47

Protanopia

#919058

Deuteranopia

#91925C

Tritanopia

#946568

Achromatopsia

#898989

CSS Usage

background-color: #948C47;
color: #948C47;
border-color: #948C47;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E8E5CF
300
#D7D3AC
400
#C2BB7F
500
#ACA353
600
#8A8242
700
#6E6835
800
#565229
900
#403D21
950
#282615

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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