#949756

#949756

Color Values

HEX

#949756

RGB

148, 151, 86

HSL

62.8, 27.4%, 46.5%

HSV

62.8, 43.0%, 59.2%

CMYK

2.0%, 0.0%, 43.0%, 40.8%

OKLCH

0.6588 0.0874 110.9

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#949756

#595697

Analogous

#977A56

#749756

#949756

Triadic

#949756

#569497

#975694

Split Complementary

#949756

#567497

#7A5697

Tetradic

#949756

#56977A

#595697

#975674

Color Blindness Simulation

Original

#949756

Protanopia

#959566

Deuteranopia

#95956A

Tritanopia

#947275

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E5D2
300
#D1D3B1
400
#B8BB87
500
#9FA25D
600
#7F824A
700
#66683B
800
#50512E
900
#3B3C25
950
#252617

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

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