Classic Gray
What Color is Classic Gray
Classic Gray color is a cool shade of gray. Its Hex and RGB values are #BBBBBB and rgb(187, 187, 187), its CMYK values are cmyk(0%, 0%, 0%, 27%), and its HSL values are hsl(0, 0%, 73%). Against white, it has a contrast ratio of 1.92:1, while against black, the contrast ratio is 10.94:1. Its complementary color is #BABABA and closest tailwind color is zinc-400. This color goes well with #BABABA and #BABABA.
Color Details
Color Conversions
HEX
#bbbbbbRGB
187, 187, 187HSL
0, 0%, 73%CMYK
0%, 0%, 0%, 27%OKLCH
oklch(0.792 0.000 263)Tailwind
zinc-400
Contrast with White1.92:1
AA (Fail)AA Large (Fail)AAA (Fail)
Contrast with Black10.94: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: #bbbbbb;Background
background-color: #bbbbbb;Border Color
border-color: #bbbbbb;Box Shadow
box-shadow: 0 4px 14px 0 #bbbbbb80;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 #BBBBBB
Deuteranopia
Green-blind #BBBBBB
Tritanopia
Blue-blind #BBBBBB
Achromatopsia
Total color blindness #BBBBBB