Najbliższy nazwany kolor · #9FAF66
#9FAF66
Najbliższy nazwany kolor: Matcha Mecha
#9FAF66 (rgb(159 175 102), hsl(73 31% 54%), oklch(0.724 0.099 119)) jest najbliższy nazwanemu kolorowi Matcha Mecha. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9FAF66
oklch(0.724 0.099 119)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8B776
- B1BF85
- BBC794
- C4CFA4
- CED7B3
- D7DFC2
- E1E7D1
- EBEFE0
- F5F7F0
Odcienie ciemniejsze
- 8A9858
- 75814A
- 616B3C
- 4D562F
- 3B4123
- 292E17
- 181C0C
- 090B04
- 010100
Tony
- 9CAA6A
- 99A66D
- 95A170
- 929C73
- 8F9876
- 8C9378
- 898E7A
- 86897C
- 83857E
Harmonie kolorów
Komplementarna +180°
- 9FAF66
Matcha Mecha
- AE98DC
≈ Violet Velvet
Analogowa -30° +30°
- 9FAF66
Matcha Mecha
- BFA359
≈ Nonpareil Apple
- 79B884
≈ Frog Pond
Triada +120° +240°
- 9FAF66
Matcha Mecha
- 68AFDD
≈ Sanctuary Spa
- D98CA4
≈ Reflecting Rose
Komplementarna rozszczepiona +150° +210°
- 9FAF66
Matcha Mecha
- 8DA3E5
≈ Blue Cue
- C98FC5
≈ Rose Souvenir
Tetrada +90° +180° +270°
- 9FAF66
Matcha Mecha
- 4DB7C7
≈ Cave Lake
- AE98DC
≈ Violet Velvet
- DD8E82
≈ Coral Banks
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.38:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.79:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.79:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}