Couleur nommée la plus proche · #9FAF66
#9FAF66
Couleur nommée la plus proche: Matcha Mecha
#9FAF66 (rgb(159 175 102), hsl(73 31% 54%), oklch(0.724 0.099 119)) est la plus proche de la couleur nommée Matcha Mecha. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9FAF66
oklch(0.724 0.099 119)
Conversions de couleur
- HEX
- #9faf66
- RGB
- rgb(159 175 102)
- HSL
- hsl(73 31% 54%)
- HWB
- hwb(73 40% 31%)
- OKLCH
- oklch(0.724 0.099 119)
- OKLab
- oklab(0.724 -0.048 0.086)
- CIE Lab
- lab(68.93 -14.49 35.37)
- LCH
- lch(68.93 38.22 112.3)
- CMYK
- cmyk(9% 0% 42% 31%)
Teintes · Ombres · Tons
Teintes
- A8B776
- B1BF85
- BBC794
- C4CFA4
- CED7B3
- D7DFC2
- E1E7D1
- EBEFE0
- F5F7F0
Ombres
- 8A9858
- 75814A
- 616B3C
- 4D562F
- 3B4123
- 292E17
- 181C0C
- 090B04
- 010100
Tons
- 9CAA6A
- 99A66D
- 95A170
- 929C73
- 8F9876
- 8C9378
- 898E7A
- 86897C
- 83857E
Harmonies de couleurs
Complémentaire +180°
- 9FAF66
Matcha Mecha
- AE98DC
≈ Violet Velvet
Analogue -30° +30°
- 9FAF66
Matcha Mecha
- BFA359
≈ Nonpareil Apple
- 79B884
≈ Frog Pond
Triadique +120° +240°
- 9FAF66
Matcha Mecha
- 68AFDD
≈ Sanctuary Spa
- D98CA4
≈ Reflecting Rose
Complémentaire divisée +150° +210°
- 9FAF66
Matcha Mecha
- 8DA3E5
≈ Blue Cue
- C98FC5
≈ Rose Souvenir
Tétradique +90° +180° +270°
- 9FAF66
Matcha Mecha
- 4DB7C7
≈ Cave Lake
- AE98DC
≈ Violet Velvet
- DD8E82
≈ Coral Banks
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.79:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--matcha-mecha: #9faf66;
--matcha-mecha-rgb: 159 175 102;
--matcha-mecha-oklch: oklch(0.724 0.099 119);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(73 31% 54%);
border-color: oklch(0.724 0.099 119);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9faf66;
--color-matcha-mecha-50: #f1fadb;
--color-matcha-mecha-100: #e3eec9;
--color-matcha-mecha-200: #cedbac;
--color-matcha-mecha-300: #b0c087;
--color-matcha-mecha-400: #98a762;
--color-matcha-mecha-500: #7f8f3e;
--color-matcha-mecha-600: #6c7935;
--color-matcha-mecha-700: #56612a;
--color-matcha-mecha-800: #40471c;
--color-matcha-mecha-900: #2c3112;
--color-matcha-mecha-950: #191d05;
}SCSS
$matcha-mecha: #9faf66;
$matcha-mecha-rgb: 159, 175, 102;
$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);
}