Color con nombre más cercano · #9BAE6C
#9BAE6C
Color con nombre más cercano: Matcha Mecha
#9BAE6C (rgb(155 174 108), hsl(77 29% 55%), oklch(0.72 0.092 121.8)) se parece más al color con nombre Matcha Mecha. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9BAE6C
oklch(0.72 0.092 121.8)
Conversiones de color
- HEX
- #9bae6c
- RGB
- rgb(155 174 108)
- HSL
- hsl(77 29% 55%)
- HWB
- hwb(77 42% 32%)
- OKLCH
- oklch(0.72 0.092 121.8)
- OKLab
- oklab(0.72 -0.048 0.078)
- CIE Lab
- lab(68.42 -15.07 31.57)
- LCH
- lch(68.42 34.98 115.5)
- CMYK
- cmyk(11% 0% 38% 32%)
Tintes · Sombras · Tonos
Tintes
- A5B67B
- AEBE8A
- B8C698
- C2CEA7
- CCD6B5
- D6DEC4
- E0E7D3
- EAEFE1
- F5F7F0
Sombras
- 86975D
- 72804E
- 5E6A40
- 4B5532
- 394125
- 282E19
- 181C0D
- 090B04
- 010100
Tonos
- 98A96F
- 95A571
- 93A074
- 909C76
- 8D9778
- 8B927A
- 888E7C
- 85897D
- 83857F
Armonías de color
Complementario +180°
- 9BAE6C
Matcha Mecha
- AF97D5
≈ Biloba Flower
Análogo -30° +30°
- 9BAE6C
Matcha Mecha
- B9A35F
≈ Shutterbug
- 78B588
≈ Irish Hedge
Triádico +120° +240°
- 9BAE6C
Matcha Mecha
- 6FACD9
≈ Chronus Blue
- D58CA0
≈ Sugar Tooth
Complementario dividido +150° +210°
- 9BAE6C
Matcha Mecha
- 90A1DF
≈ Dalmatian Sage
- C78FBF
≈ Rose Souvenir
Tetrádico +90° +180° +270°
- 9BAE6C
Matcha Mecha
- 56B4C6
≈ Aqua Verde
- AF97D5
≈ Biloba Flower
- D88F81
≈ My Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.66:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--matcha-mecha: #9bae6c;
--matcha-mecha-rgb: 155 174 108;
--matcha-mecha-oklch: oklch(0.72 0.092 121.8);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(77 29% 55%);
border-color: oklch(0.72 0.092 121.8);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9bae6c;
--color-matcha-mecha-50: #effade;
--color-matcha-mecha-100: #e1eecc;
--color-matcha-mecha-200: #ccdbb1;
--color-matcha-mecha-300: #aec08c;
--color-matcha-mecha-400: #95a769;
--color-matcha-mecha-500: #7c9047;
--color-matcha-mecha-600: #697a3d;
--color-matcha-mecha-700: #546130;
--color-matcha-mecha-800: #3e4721;
--color-matcha-mecha-900: #2b3116;
--color-matcha-mecha-950: #181d07;
}SCSS
$matcha-mecha: #9bae6c;
$matcha-mecha-rgb: 155, 174, 108;
$matcha-mecha-light: mix(#fff, $matcha-mecha, 20%);
$matcha-mecha-dark: mix(#000, $matcha-mecha, 20%);
.element {
color: $matcha-mecha;
box-shadow: 0 0 0 2px rgba($matcha-mecha, 0.35);
}