Codes & values
- Color Name
Clay - Color ID
KDF-C-11954768 - HEX
#B66A50 - RGB
rgb(182, 106, 80) - RGBA
rgba(182, 106, 80, 1) - HSL
hsl(15, 41%, 51%) - HSLA
hsla(15, 41%, 51%, 1) - HSV / HSB
hsv(15, 56%, 71%) - CMYK
cmyk(0%, 42%, 56%, 29%) - Light / Dark
mid
Quick answers
- What is the HEX code for Clay?
- #B66A50
- What is Clay RGB?
- rgb(182, 106, 80)
- What is Clay HSL?
- hsl(15, 41%, 51%)
- What is Clay CMYK?
- cmyk(0%, 42%, 56%, 29%)
What is Clay?
Clay is a curated brown family color at #B66A50. It appears in our library with tags for interior. 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..
Clay HEX code
The HEX code for Clay is #B66A50. Paste it into CSS as color: #B66A50; or background-color: #B66A50;. Design tools accept the same six-digit value without the # prefix (b66a50).
Clay RGB
Clay in RGB is rgb(182, 106, 80) (channels R 182, G 106, B 80). Use RGB when you need opacity via rgba(182, 106, 80, 1).
Clay HSL & HSV
HSL is hsl(15, 41%, 51%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(15, 56%, 71%), closer to how many digital pickers expose hue, saturation, and brightness.
Clay CMYK
Approximate CMYK for Clay is cmyk(0%, 42%, 56%, 29%). 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 Clay
Darker shades (mixed toward black): #985843, #794735, #5B3528, #3D231B, #1E120D. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Clay
Lighter tints (mixed toward white): #C2836D, #CE9C8A, #DBB5A8, #E7CDC5, #F3E6E2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Clay
Complementary pairing: #B66A50, #509CB6. Analogous neighbors: #B65069, #B66A50, #B69D50. Triadic accents: #B66A50, #50B66A, #6A50B6. Always check text contrast when pairing.
Clay color combinations
A practical combo: primary #B66A50, complementary accent #509CB6, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #B66A50, #50B69D, #5069B6.
Clay in web design
Browns and earth tones ground interior, coffee, and craft brands. Pair with cream and sage for calm, natural palettes.
Clay in branding
Brown brands feel artisanal — coffee, leather, dry fruit, and heritage retail. Contrast vs white is 4.06:1 (better as a large accent or background than small body text); vs black 5.17:1.
Clay earth & muted use
Clay leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Clay?
- Clay: #B66A50.
- What is Clay RGB?
- Clay: rgb(182, 106, 80).
- What is Clay HSL?
- Clay: hsl(15, 41%, 51%).
- What is Clay CMYK?
- Clay: cmyk(0%, 42%, 56%, 29%).
- What colors go with Clay?
- Try complementary #B66A50, #509CB6 or analogous #B65069, #B66A50, #B69D50.
- Is Clay good for text on white?
- Not ideal for small body text (4.06:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 4.06:1 (prefer large accent or background). Contrast vs black: 5.17:1. Complementary swatch: #B66A50, #509CB6.
Explore related
Brown colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK