Named color · #815D37
Rubber
Rubber is #815D37: rgb(129 93 55), hsl(31 40% 36%), oklch(0.507 0.071 66.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Rubber color name →
#815D37
oklch(0.507 0.071 66.5)
Color conversions
- HEX
- #815d37
- RGB
- rgb(129 93 55)
- HSL
- hsl(31 40% 36%)
- HWB
- hwb(31 22% 49%)
- OKLCH
- oklch(0.507 0.071 66.5)
- OKLab
- oklab(0.507 0.028 0.065)
- CIE Lab
- lab(42.71 11.82 27.71)
- LCH
- lch(42.71 30.13 66.9)
- CMYK
- cmyk(0% 28% 57% 49%)
Tints · Shades · Tones
Tints
- 8D6C4A
- 9A7C5D
- A68B71
- B39B84
- BFAB98
- CCBCAC
- D8CCC0
- E5DDD5
- F2EEEA
Shades
- 6F502E
- 5E4326
- 4E371E
- 3E2A16
- 2E1F0F
- 1F1408
- 120A03
- 060301
- 010000
Tones
- 81613F
- 816447
- 81684E
- 816B56
- 816F5D
- 817264
- 81766B
- 817972
- 807D79
Color harmonies
Complementary +180°
- 815D37
Rubber
- 42698C
≈ Snake River
Analogous -30° +30°
- 815D37
Rubber
- 895648
≈ Potter’s Rock
- 716533
≈ Himalaya
Triadic +120° +240°
- 815D37
Rubber
- 2B736C
≈ Imperial Dynasty
- 705A86
≈ Mystical
Split-complementary +150° +210°
- 815D37
Rubber
- 2D6F80
≈ Tlāloc Blue
- 5A628E
≈ Breathtaking
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.90:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.55:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--rubber: #815d37;
--rubber-rgb: 129 93 55;
--rubber-oklch: oklch(0.507 0.071 66.5);
}
.element {
color: var(--rubber);
background-color: hsl(31 40% 36%);
border-color: oklch(0.507 0.071 66.5);
}Tailwind CSS v4
@theme {
--color-rubber: #815d37;
--color-rubber-50: #fff2e0;
--color-rubber-100: #f8e4cf;
--color-rubber-200: #e9cfb4;
--color-rubber-300: #d0b191;
--color-rubber-400: #bc9771;
--color-rubber-500: #a67d52;
--color-rubber-600: #8d6a46;
--color-rubber-700: #715537;
--color-rubber-800: #543d28;
--color-rubber-900: #3a2a1a;
--color-rubber-950: #24180b;
}SCSS
$rubber: #815d37;
$rubber-rgb: 129, 93, 55;
$rubber-light: mix(#fff, $rubber, 20%);
$rubber-dark: mix(#000, $rubber, 20%);
.element {
color: $rubber;
box-shadow: 0 0 0 2px rgba($rubber, 0.35);
}