Colore con nome · #9E9478
Lye
Lye è #9E9478: rgb(158 148 120), hsl(44 16% 55%), oklch(0.668 0.041 90.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lye color name →
#9E9478
oklch(0.668 0.041 90.7)
Conversioni di colore
- HEX
- #9e9478
- RGB
- rgb(158 148 120)
- HSL
- hsl(44 16% 55%)
- HWB
- hwb(44 47% 38%)
- OKLCH
- oklch(0.668 0.041 90.7)
- OKLab
- oklab(0.668 -0.001 0.041)
- CIE Lab
- lab(61.63 0.38 16.28)
- LCH
- lch(61.63 16.28 88.7)
- CMYK
- cmyk(0% 6% 24% 38%)
Tinte · Ombre · Toni
Tinte
- A79E85
- B1A992
- BAB39F
- C4BEAC
- CDC8BA
- D7D3C7
- E1DED5
- EBE9E3
- F5F4F1
Ombre
- 898067
- 746D57
- 605A48
- 4D4839
- 3A362A
- 29261D
- 181610
- 090805
- 010101
Toni
- 9B9279
- 98907A
- 958E7B
- 928C7C
- 8F8A7C
- 8C887D
- 89867E
- 86847F
- 83827F
Armonie di colore
Complementare +180°
- 9E9478
Lye
- 8B94AF
≈ Cool Grey
Analogo -30° +30°
- 9E9478
Lye
- A88F7B
≈ Cocoloco
- 91997D
≈ Cavern Moss
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.01:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.96:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--lye: #9e9478;
--lye-rgb: 158 148 120;
--lye-oklch: oklch(0.668 0.041 90.7);
}
.element {
color: var(--lye);
background-color: hsl(44 16% 55%);
border-color: oklch(0.668 0.041 90.7);
}Tailwind CSS v4
@theme {
--color-lye: #9e9478;
--color-lye-50: #f9f5e8;
--color-lye-100: #ece8d9;
--color-lye-200: #dad4c1;
--color-lye-300: #bfb7a0;
--color-lye-400: #a89e83;
--color-lye-500: #908667;
--color-lye-600: #7a7158;
--color-lye-700: #625a46;
--color-lye-800: #484232;
--color-lye-900: #322d22;
--color-lye-950: #1e1a11;
}SCSS
$lye: #9e9478;
$lye-rgb: 158, 148, 120;
$lye-light: mix(#fff, $lye, 20%);
$lye-dark: mix(#000, $lye, 20%);
.element {
color: $lye;
box-shadow: 0 0 0 2px rgba($lye, 0.35);
}