Skip to content
Kolorvia
#9fa187

Color #9fa187

A nearly neutral, gray-leaning medium yellow.

Conversions

HEX
#9fa187
RGB
rgb(159, 161, 135)
HSL
hsl(64.6, 12.1%, 58%)
HSV / HSB
hsv(64.6, 16.1%, 63.1%)
CMYK
cmyk(1.2%, 0%, 16.1%, 36.9%)
LAB
lab(65.44, -5.35, 13.32)
LCH
lch(65.44, 14.35, 111.88)
OKLCH
oklch(70%, 0.0367, 110.9)
HWB
hwb(64.6, 52.9%, 36.9%)

Harmony colors

Complementary

#8987a1

Analogous

#a19687
#9fa187
#92a187

Triadic

#9fa187
#879fa1
#a1879f

Split-complementary

#9fa187
#8792a1
#9687a1

Tetradic

#9fa187
#87a189
#8987a1
#a1879f

Square

#9fa187
#87a196
#8987a1
#a18792

Shades

Color #9fa187 mixed toward black.

#888a6c
#6d6f57
#525341
#36372b
#1b1c16

Tints

Color #9fa187 mixed toward white.

#afb19b
#bfc0af
#cfd0c3
#dfe0d7
#efefeb

Tones

Color #9fa187 mixed toward gray.

#9d9f89
#9b9d8b
#999a8d
#989890
#969692

Accessibility

Aa White text on this color
2.65:1
Aa Black text on this color
7.92:1

Black text reads better on this background (7.92:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#a0a08e · ΔE 3.2

Deuteranopia

#a0a08f · ΔE 3.6

Tritanopia

#9f9394 · ΔE 16.9

Achromatopsia

#9f9f9f · ΔE 11.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS
background-color: #9fa187;
Tailwind (arbitrary value)
bg-[#9fa187]

Related colors

Ivory #fffff0
Beige #f5f5dc
Light Goldenrod Yellow #fafad2
Light Yellow #ffffe0
Olive #808000
Yellow #ffff00

Frequently asked questions

#9fa187 (#9fa187) is rgb(159, 161, 135) in RGB.

No, #9fa187 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #9fa187, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.