Colore con nome · #999A86
Lemongrass
Lemongrass è #999A86: rgb(153 154 134), hsl(63 9% 56%), oklch(0.68 0.029 109.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lemongrass color name →
#999A86
oklch(0.68 0.029 109.5)
Conversioni di colore
- HEX
- #999a86
- RGB
- rgb(153 154 134)
- HSL
- hsl(63 9% 56%)
- HWB
- hwb(63 53% 40%)
- OKLCH
- oklch(0.68 0.029 109.5)
- OKLab
- oklab(0.68 -0.01 0.027)
- CIE Lab
- lab(63.09 -3.07 10.42)
- LCH
- lch(63.09 10.87 106.4)
- CMYK
- cmyk(1% 0% 13% 40%)
Tinte · Ombre · Toni
Tinte
- A3A492
- ADAD9D
- B7B7A9
- C1C1B5
- CBCBC1
- D5D6CD
- DFE0D9
- EAEAE6
- F4F5F2
Ombre
- 848574
- 707162
- 5D5E51
- 4A4B40
- 383930
- 272721
- 171713
- 080906
- 010101
Toni
- 969785
- 949585
- 919284
- 8F9084
- 8C8D83
- 8A8A83
- 878882
- 858581
- 828381
Armonie di colore
Complementare +180°
- 999A86
Lemongrass
- 9796A9
≈ Purple Surf
Analogo -30° +30°
- 999A86
Lemongrass
- A29785
≈ Bridle Path
- 8F9D8C
≈ Mossleaf
Triadico +120° +240°
- 999A86
Lemongrass
- 879CA7
≈ Bali Hai
- A7919B
≈ Nirvana
Complementare divisa +150° +210°
- 999A86
Lemongrass
- 8E99AA
≈ Gorgeous Graphite
- A093A4
≈ Purple Surf
Tetradico +90° +180° +270°
- 999A86
Lemongrass
- 849E9F
≈ Laid-Back Blue
- 9796A9
≈ Purple Surf
- A99291
≈ Sphinx
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.32:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--lemongrass: #999a86;
--lemongrass-rgb: 153 154 134;
--lemongrass-oklch: oklch(0.68 0.029 109.5);
}
.element {
color: var(--lemongrass);
background-color: hsl(63 9% 56%);
border-color: oklch(0.68 0.029 109.5);
}Tailwind CSS v4
@theme {
--color-lemongrass: #999a86;
--color-lemongrass-50: #f5f6ed;
--color-lemongrass-100: #e8e9de;
--color-lemongrass-200: #d4d6c8;
--color-lemongrass-300: #b7b9a9;
--color-lemongrass-400: #9fa08d;
--color-lemongrass-500: #878872;
--color-lemongrass-600: #727361;
--color-lemongrass-700: #5b5c4d;
--color-lemongrass-800: #434338;
--color-lemongrass-900: #2e2e26;
--color-lemongrass-950: #1b1b15;
}SCSS
$lemongrass: #999a86;
$lemongrass-rgb: 153, 154, 134;
$lemongrass-light: mix(#fff, $lemongrass, 20%);
$lemongrass-dark: mix(#000, $lemongrass, 20%);
.element {
color: $lemongrass;
box-shadow: 0 0 0 2px rgba($lemongrass, 0.35);
}