Colore con nome · #8F9482
Eyre
Eyre è #8F9482: rgb(143 148 130), hsl(77 8% 55%), oklch(0.657 0.027 119.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Eyre color name →
#8F9482
oklch(0.657 0.027 119.8)
Conversioni di colore
- HEX
- #8f9482
- RGB
- rgb(143 148 130)
- HSL
- hsl(77 8% 55%)
- HWB
- hwb(77 51% 42%)
- OKLCH
- oklch(0.657 0.027 119.8)
- OKLab
- oklab(0.657 -0.013 0.023)
- CIE Lab
- lab(60.51 -4.4 8.9)
- LCH
- lch(60.51 9.93 116.3)
- CMYK
- cmyk(3% 0% 12% 42%)
Tinte · Ombre · Toni
Tinte
- 9A9E8E
- A4A99A
- AFB3A6
- BABEB2
- C5C8BF
- D1D3CB
- DCDED8
- E8E9E5
- F3F4F2
Ombre
- 7C8070
- 696D5F
- 575A4E
- 45483E
- 34362F
- 242620
- 151612
- 070806
- 010101
Toni
- 8D9282
- 8C9082
- 8A8E82
- 898C81
- 878A81
- 868881
- 848681
- 838480
- 818280
Armonie di colore
Complementare +180°
- 8F9482
Eyre
- 938EA0
≈ Evening in Paris
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- 8F9482
Eyre
- 8B91A2
≈ Manatee
- 9B8C99
≈ Greige Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--eyre: #8f9482;
--eyre-rgb: 143 148 130;
--eyre-oklch: oklch(0.657 0.027 119.8);
}
.element {
color: var(--eyre);
background-color: hsl(77 8% 55%);
border-color: oklch(0.657 0.027 119.8);
}Tailwind CSS v4
@theme {
--color-eyre: #8f9482;
--color-eyre-50: #f4f6ee;
--color-eyre-100: #e6e9e0;
--color-eyre-200: #d2d6ca;
--color-eyre-300: #b5baab;
--color-eyre-400: #9ca190;
--color-eyre-500: #848975;
--color-eyre-600: #6f7464;
--color-eyre-700: #595d4f;
--color-eyre-800: #414439;
--color-eyre-900: #2d2f27;
--color-eyre-950: #1a1b15;
}SCSS
$eyre: #8f9482;
$eyre-rgb: 143, 148, 130;
$eyre-light: mix(#fff, $eyre, 20%);
$eyre-dark: mix(#000, $eyre, 20%);
.element {
color: $eyre;
box-shadow: 0 0 0 2px rgba($eyre, 0.35);
}