#948F31

#948F31

Color Values

HEX

#948F31

RGB

148, 143, 49

HSL

57.0, 50.3%, 38.6%

HSV

57.0, 66.9%, 58.0%

CMYK

0.0%, 3.4%, 66.9%, 42.0%

OKLCH

0.6361 0.1144 106.3

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#948F31

#313694

Analogous

#945D31

#679431

#948F31

Triadic

#948F31

#31948F

#8F3194

Split Complementary

#948F31

#316794

#5D3194

Tetradic

#948F31

#31945D

#313694

#943167

Color Blindness Simulation

Original

#948F31

Protanopia

#929248

Deuteranopia

#92924D

Tritanopia

#945A5E

Achromatopsia

#898989

CSS Usage

background-color: #948F31;
color: #948F31;
border-color: #948F31;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBC9
300
#E1DEA3
400
#D0CB71
500
#C0B93F
600
#999433
700
#7B7729
800
#605D20
900
#46441B
950
#2C2B11

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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