Colore con nome · #939581
Restoration
Restoration è #939581: rgb(147 149 129), hsl(66 9% 55%), oklch(0.662 0.029 111.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Restoration color name →
#939581
oklch(0.662 0.029 111.8)
Conversioni di colore
- HEX
- #939581
- RGB
- rgb(147 149 129)
- HSL
- hsl(66 9% 55%)
- HWB
- hwb(66 51% 42%)
- OKLCH
- oklch(0.662 0.029 111.8)
- OKLab
- oklab(0.662 -0.011 0.027)
- CIE Lab
- lab(61.11 -3.48 10.35)
- LCH
- lch(61.11 10.92 108.6)
- CMYK
- cmyk(1% 0% 13% 42%)
Tinte · Ombre · Toni
Tinte
- 9D9F8D
- A8A999
- B2B4A5
- BDBEB2
- C8C9BE
- D2D3CB
- DDDED8
- E9E9E5
- F4F4F2
Ombre
- 7F816F
- 6C6D5E
- 595A4E
- 47483E
- 36372E
- 25261F
- 161612
- 080806
- 010101
Toni
- 919381
- 8F9181
- 8D8F81
- 8B8D81
- 898A81
- 888881
- 868680
- 848480
- 828280
Armonie di colore
Complementare +180°
- 939581
Restoration
- 9390A4
≈ Cotton Flannel
Analogo -30° +30°
- 939581
Restoration
- 9C927F
≈ Shadow Taupe
- 899887
≈ Manifest
Triadico +120° +240°
- 939581
Restoration
- 8297A2
≈ Evening Eclipse
- A28C95
≈ Gothic Amethyst
Complementare divisa +150° +210°
- 939581
Restoration
- 8993A5
≈ Dusty Heather
- 9C8D9E
≈ Greige Violet
Tetradico +90° +180° +270°
- 939581
Restoration
- 7F999A
≈ Tidepool Wonder
- 9390A4
≈ Cotton Flannel
- A48C8B
≈ Delicate Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.85:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--restoration: #939581;
--restoration-rgb: 147 149 129;
--restoration-oklch: oklch(0.662 0.029 111.8);
}
.element {
color: var(--restoration);
background-color: hsl(66 9% 55%);
border-color: oklch(0.662 0.029 111.8);
}Tailwind CSS v4
@theme {
--color-restoration: #939581;
--color-restoration-50: #f5f6ed;
--color-restoration-100: #e7e9de;
--color-restoration-200: #d4d6c8;
--color-restoration-300: #b7b9a9;
--color-restoration-400: #9ea08d;
--color-restoration-500: #868873;
--color-restoration-600: #727361;
--color-restoration-700: #5b5c4e;
--color-restoration-800: #434338;
--color-restoration-900: #2e2f26;
--color-restoration-950: #1b1b15;
}SCSS
$restoration: #939581;
$restoration-rgb: 147, 149, 129;
$restoration-light: mix(#fff, $restoration, 20%);
$restoration-dark: mix(#000, $restoration, 20%);
.element {
color: $restoration;
box-shadow: 0 0 0 2px rgba($restoration, 0.35);
}