Nazwany kolor · #815D37
Rubber
Rubber to #815D37: rgb(129 93 55), hsl(31 40% 36%), oklch(0.507 0.071 66.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Rubber color name →
#815D37
oklch(0.507 0.071 66.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D6C4A
- 9A7C5D
- A68B71
- B39B84
- BFAB98
- CCBCAC
- D8CCC0
- E5DDD5
- F2EEEA
Odcienie ciemniejsze
- 6F502E
- 5E4326
- 4E371E
- 3E2A16
- 2E1F0F
- 1F1408
- 120A03
- 060301
- 010000
Tony
- 81613F
- 816447
- 81684E
- 816B56
- 816F5D
- 817264
- 81766B
- 817972
- 807D79
Harmonie kolorów
Komplementarna +180°
- 815D37
Rubber
- 42698C
≈ Snake River
Analogowa -30° +30°
- 815D37
Rubber
- 895648
≈ Potter’s Rock
- 716533
≈ Himalaya
Triada +120° +240°
- 815D37
Rubber
- 2B736C
≈ Imperial Dynasty
- 705A86
≈ Mystical
Komplementarna rozszczepiona +150° +210°
- 815D37
Rubber
- 2D6F80
≈ Tlāloc Blue
- 5A628E
≈ Breathtaking
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.90:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.55:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}