Tailwind CSS Colors
Slate 700
#334155Tailwind classes
Backgroundbg-slate-700
Texttext-slate-700
Borderborder-slate-700
Ringring-slate-700
CSS Values
HEX#334155
RGBrgb(51, 65, 85)
HSLhsl(215, 25%, 27%)
HSL (modern)hsl(215deg 25% 27%)
OKLCHoklch(37.2% 0.0392 257deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 10.35:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.03:1AA: FailAAA: FailAA Large: Fail
Other Slate shades
Nearest Named Colors
See allMaterial Designblue-grey-800
Radix Colorssky-12
RAL Classic7015
Open Colorgray-8
Bootstrap 5gray-800
Ant Designgray-9
Crayolaouter-space
CSS Nameddarkslategray
MunsellN-3
iOS HIGaccessible-indigo