Colore con nome · #8D8478
Schooner
Schooner è #8D8478: rgb(141 132 120), hsl(34 8% 51%), oklch(0.618 0.021 75.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Schooner color name →
#8D8478
oklch(0.618 0.021 75.2)
Conversioni di colore
- HEX
- #8d8478
- RGB
- rgb(141 132 120)
- HSL
- hsl(34 8% 51%)
- HWB
- hwb(34 47% 45%)
- OKLCH
- oklch(0.618 0.021 75.2)
- OKLab
- oklab(0.618 0.005 0.02)
- CIE Lab
- lab(55.69 1.91 7.79)
- LCH
- lch(55.69 8.02 76.2)
- CMYK
- cmyk(0% 6% 15% 45%)
Tinte · Ombre · Toni
Tinte
- 989085
- A39B92
- AEA79F
- B9B3AC
- C4C0B9
- D0CCC7
- DCD9D5
- E7E5E3
- F3F2F1
Ombre
- 7A7267
- 676057
- 554F48
- 443F39
- 332F2A
- 23201D
- 141210
- 070605
- 010101
Toni
- 8C8479
- 8A837A
- 89837A
- 88827B
- 87827C
- 85827D
- 84817E
- 83817E
- 81807F
Armonie di colore
Complementare +180°
- 8D8478
Schooner
- 7D8692
≈ Cold Trade Winds
Analogo -30° +30°
- 8D8478
Schooner
- 91827B
≈ Cherry Bark
- 878678
≈ Mountain Road
Triadico +120° +240°
- 8D8478
Schooner
- 788A89
≈ Juniper Ash
- 8A828E
≈ Asian Violet
Complementare divisa +150° +210°
- 8D8478
Schooner
- 79888F
≈ Academy Grey
- 848492
≈ Modest Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.68:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.70:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--schooner: #8d8478;
--schooner-rgb: 141 132 120;
--schooner-oklch: oklch(0.618 0.021 75.2);
}
.element {
color: var(--schooner);
background-color: hsl(34 8% 51%);
border-color: oklch(0.618 0.021 75.2);
}Tailwind CSS v4
@theme {
--color-schooner: #8d8478;
--color-schooner-50: #f8f4ef;
--color-schooner-100: #ece7e0;
--color-schooner-200: #d9d3cb;
--color-schooner-300: #bdb6ac;
--color-schooner-400: #a69d91;
--color-schooner-500: #8e8577;
--color-schooner-600: #787065;
--color-schooner-700: #605a51;
--color-schooner-800: #47413b;
--color-schooner-900: #312d28;
--color-schooner-950: #1d1a16;
}SCSS
$schooner: #8d8478;
$schooner-rgb: 141, 132, 120;
$schooner-light: mix(#fff, $schooner, 20%);
$schooner-dark: mix(#000, $schooner, 20%);
.element {
color: $schooner;
box-shadow: 0 0 0 2px rgba($schooner, 0.35);
}