Color con nombre más cercano · #9A9C88
#9A9C88
Color con nombre más cercano: Lemongrass
#9A9C88 (rgb(154 156 136), hsl(66 9% 57%), oklch(0.685 0.029 111.8)) se parece más al color con nombre Lemongrass. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9A9C88
oklch(0.685 0.029 111.8)
Conversiones de color
- HEX
- #9a9c88
- RGB
- rgb(154 156 136)
- HSL
- hsl(66 9% 57%)
- HWB
- hwb(66 53% 39%)
- OKLCH
- oklch(0.685 0.029 111.8)
- OKLab
- oklab(0.685 -0.011 0.027)
- CIE Lab
- lab(63.77 -3.46 10.26)
- LCH
- lch(63.77 10.83 108.6)
- CMYK
- cmyk(1% 0% 13% 39%)
Tintes · Sombras · Tonos
Tintes
- A4A693
- ADAF9F
- B7B9AA
- C1C3B6
- CBCCC2
- D5D6CE
- E0E0DA
- EAEBE6
- F4F5F3
Sombras
- 858775
- 717363
- 5E5F52
- 4B4C41
- 393931
- 272822
- 171813
- 090906
- 010101
Tonos
- 979987
- 959686
- 929486
- 8F9185
- 8D8E84
- 8A8B83
- 888883
- 858682
- 838381
Armonías de color
Complementario +180°
- 9A9C88
Lemongrass
- 9A97AB
≈ Purple Surf
Análogo -30° +30°
- 9A9C88
Lemongrass
- A39986
≈ Napa
- 909F8E
≈ Hillside View
Triádico +120° +240°
- 9A9C88
Lemongrass
- 899EA9
≈ Relaxing Blue
- A9939C
≈ Metamorphosis
Complementario dividido +150° +210°
- 9A9C88
Lemongrass
- 909AAC
≈ Ornamental Silver
- A394A5
≈ Windsor Haze
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--lemongrass: #9a9c88;
--lemongrass-rgb: 154 156 136;
--lemongrass-oklch: oklch(0.685 0.029 111.8);
}
.element {
color: var(--lemongrass);
background-color: hsl(66 9% 57%);
border-color: oklch(0.685 0.029 111.8);
}Tailwind CSS v4
@theme {
--color-lemongrass: #9a9c88;
--color-lemongrass-50: #f5f6ed;
--color-lemongrass-100: #e7e9de;
--color-lemongrass-200: #d4d6c8;
--color-lemongrass-300: #b7b9a9;
--color-lemongrass-400: #9ea08d;
--color-lemongrass-500: #868873;
--color-lemongrass-600: #727361;
--color-lemongrass-700: #5b5c4e;
--color-lemongrass-800: #434338;
--color-lemongrass-900: #2e2f26;
--color-lemongrass-950: #1b1b15;
}SCSS
$lemongrass: #9a9c88;
$lemongrass-rgb: 154, 156, 136;
$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);
}