#949F66

#949F66

Color Values

HEX

#949F66

RGB

148, 159, 102

HSL

71.6, 22.9%, 51.2%

HSV

71.6, 35.8%, 62.4%

CMYK

6.9%, 0.0%, 35.8%, 37.6%

OKLCH

0.6796 0.0793 117.5

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#949F66

#71669F

Analogous

#9F8E66

#789F66

#949F66

Triadic

#949F66

#66949F

#9F6694

Split Complementary

#949F66

#66789F

#8E669F

Tetradic

#949F66

#669F8E

#71669F

#9F6678

Color Blindness Simulation

Original

#949F66

Protanopia

#999974

Deuteranopia

#989777

Tritanopia

#957F81

Achromatopsia

#999999

CSS Usage

background-color: #949F66;
color: #949F66;
border-color: #949F66;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E3D3
300
#CAD0B4
400
#AEB68B
500
#919D62
600
#747D4F
700
#5D643F
800
#494E31
900
#373A26
950
#222518

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026