Codes & values
- Color Name
Stone 600 - Color ID
KDF-C-05722958 - HEX
#57534E - RGB
rgb(87, 83, 78) - RGBA
rgba(87, 83, 78, 1) - HSL
hsl(33, 5%, 32%) - HSLA
hsla(33, 5%, 32%, 1) - HSV / HSB
hsv(33, 10%, 34%) - CMYK
cmyk(0%, 5%, 10%, 66%) - Light / Dark
mid
Quick answers
- What is the HEX code for Stone 600?
- #57534E
- What is Stone 600 RGB?
- rgb(87, 83, 78)
- What is Stone 600 HSL?
- hsl(33, 5%, 32%)
- What is Stone 600 CMYK?
- cmyk(0%, 5%, 10%, 66%)
What is Stone 600?
Stone 600 is a curated brown family color at #57534E. 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: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Stone 600 HEX code
The HEX code for Stone 600 is #57534E. Paste it into CSS as color: #57534E; or background-color: #57534E;. Design tools accept the same six-digit value without the # prefix (57534e).
Stone 600 RGB
Stone 600 in RGB is rgb(87, 83, 78) (channels R 87, G 83, B 78). Use RGB when you need opacity via rgba(87, 83, 78, 1).
Stone 600 HSL & HSV
HSL is hsl(33, 5%, 32%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(33, 10%, 34%), closer to how many digital pickers expose hue, saturation, and brightness.
Stone 600 CMYK
Approximate CMYK for Stone 600 is cmyk(0%, 5%, 10%, 66%). 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 Stone 600
Darker shades (mixed toward black): #494541, #3A3734, #2C2A27, #1D1C1A, #0E0E0D. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Stone 600
Lighter tints (mixed toward white): #73706C, #8F8C89, #ABA9A7, #C7C6C4, #E3E2E2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Stone 600
Complementary pairing: #57534E, #4E5257. Analogous neighbors: #574E4E, #57534E, #56574E. Triadic accents: #57534E, #4E5753, #534E57. Always check text contrast when pairing.
Stone 600 color combinations
A practical combo: primary #57534E, complementary accent #4E5257, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #57534E, #4E5757, #4E4E57.
Stone 600 in web design
Browns and earth tones ground interior, coffee, and craft brands. Pair with cream and sage for calm, natural palettes.
Stone 600 in branding
Brown brands feel artisanal — coffee, leather, dry fruit, and heritage retail. Contrast vs white is 7.63:1 (passes WCAG AA for normal text); vs black 2.75:1.
Frequently asked questions
- What is the HEX code for Stone 600?
- Stone 600: #57534E.
- What is Stone 600 RGB?
- Stone 600: rgb(87, 83, 78).
- What is Stone 600 HSL?
- Stone 600: hsl(33, 5%, 32%).
- What is Stone 600 CMYK?
- Stone 600: cmyk(0%, 5%, 10%, 66%).
- What colors go with Stone 600?
- Try complementary #57534E, #4E5257 or analogous #574E4E, #57534E, #56574E.
- Is Stone 600 good for text on white?
- Yes — contrast 7.63:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 7.63:1 (AA body text pass). Contrast vs black: 2.75:1. Complementary swatch: #57534E, #4E5257.
Explore related
Brown colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK