Codes & values
- Color Name
Slate 600 - Color ID
KDF-C-04674921 - HEX
#475569 - RGB
rgb(71, 85, 105) - RGBA
rgba(71, 85, 105, 1) - HSL
hsl(215, 19%, 35%) - HSLA
hsla(215, 19%, 35%, 1) - HSV / HSB
hsv(215, 32%, 41%) - CMYK
cmyk(32%, 19%, 0%, 59%) - Light / Dark
mid
Quick answers
- What is the HEX code for Slate 600?
- #475569
- What is Slate 600 RGB?
- rgb(71, 85, 105)
- What is Slate 600 HSL?
- hsl(215, 19%, 35%)
- What is Slate 600 CMYK?
- cmyk(32%, 19%, 0%, 59%)
What is Slate 600?
Slate 600 is a curated gray family color at #475569. It appears in our library with tags for ui, web, design, background. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Slate 600 HEX code
The HEX code for Slate 600 is #475569. Paste it into CSS as color: #475569; or background-color: #475569;. Design tools accept the same six-digit value without the # prefix (475569).
Slate 600 RGB
Slate 600 in RGB is rgb(71, 85, 105) (channels R 71, G 85, B 105). Use RGB when you need opacity via rgba(71, 85, 105, 1).
Slate 600 HSL & HSV
HSL is hsl(215, 19%, 35%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(215, 32%, 41%), closer to how many digital pickers expose hue, saturation, and brightness.
Slate 600 CMYK
Approximate CMYK for Slate 600 is cmyk(32%, 19%, 0%, 59%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Slate 600
Darker shades (mixed toward black): #3B4758, #2F3946, #242B35, #181C23, #0C0E11. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Slate 600
Lighter tints (mixed toward white): #667182, #848E9B, #A3AAB4, #C2C6CD, #E0E3E6. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Slate 600
Complementary pairing: #475569, #695B47. Analogous neighbors: #476669, #475569, #4A4769. Triadic accents: #475569, #694755, #556947. Always check text contrast when pairing.
Slate 600 color combinations
A practical combo: primary #475569, complementary accent #695B47, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #475569, #694A47, #666947.
Slate 600 in web design
Grays carry typography and surfaces. Charcoal for body text, slate for secondary UI, light gray for cards — contrast always beats decorative gray-on-gray.
Slate 600 in branding
Neutral brand systems rely on gray for UI chrome while a single accent color carries recognition. Contrast vs white is 7.58:1 (passes WCAG AA for normal text); vs black 2.77:1.
Frequently asked questions
- What is the HEX code for Slate 600?
- Slate 600: #475569.
- What is Slate 600 RGB?
- Slate 600: rgb(71, 85, 105).
- What is Slate 600 HSL?
- Slate 600: hsl(215, 19%, 35%).
- What is Slate 600 CMYK?
- Slate 600: cmyk(32%, 19%, 0%, 59%).
- What colors go with Slate 600?
- Try complementary #475569, #695B47 or analogous #476669, #475569, #4A4769.
- Is Slate 600 good for text on white?
- Yes — contrast 7.58:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 7.58:1 (AA body text pass). Contrast vs black: 2.77:1. Complementary swatch: #475569, #695B47.
Explore related
Gray colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK