Brushed Nickel
What Color is Brushed Nickel
Brushed Nickel color is a muted shade of gray. Its Hex and RGB values are #9A9E9F and rgb(154, 158, 159), its CMYK values are cmyk(3%, 1%, 0%, 38%), and its HSL values are hsl(192, 3%, 61%). Against white, it has a contrast ratio of 2.70:1, while against black, the contrast ratio is 7.77:1. Its complementary color is #9F9A99 and closest tailwind color is neutral-400. This color goes well with #999F9D and #999A9F.
Color Details
Color Conversions
HEX
#9a9e9fRGB
154, 158, 159HSL
192, 3%, 61%CMYK
3%, 1%, 0%, 38%OKLCH
oklch(0.696 0.005 215)Tailwind
neutral-400
Contrast with White2.70:1
AA (Fail)AA Large (Fail)AAA (Fail)
Contrast with Black7.77:1
AA (Pass)AA Large (Pass)AAA (Pass)
Real-time UI Preview
Example Shadcn UI ComponentLoading State
Select Input
Dropdown Menu
Navigation Breadcrumb
Badges
PrimaryOutlineSubtle
CSS Usage
Click snippet to copyText Color
color: #9a9e9f;Background
background-color: #9a9e9f;Border Color
border-color: #9a9e9f;Box Shadow
box-shadow: 0 4px 14px 0 #9a9e9f80;Color Harmonies
Hover to expand & click to copyAnalogous
3 Colors
Complementary
2 Colors
Triadic
3 Colors
Split Complementary
3 Colors
Tetradic
4 Colors
Monochromatic
4 Colors
Tints, Shades & Hues
Hover to expand & click to copyTints (towards white)
Shades (towards black)
Hues (around the color wheel)
Color Blindness Simulator
How it appears to different types of color blindnessProtanopia
Red-blind #9C9C9F
Deuteranopia
Green-blind #9C9B9F
Tritanopia
Blue-blind #9A9F9F
Achromatopsia
Total color blindness #9D9D9D