Warna bernama terdekat · #9BAE6C
#9BAE6C
Warna bernama terdekat: Matcha Mecha
#9BAE6C (rgb(155 174 108), hsl(77 29% 55%), oklch(0.72 0.092 121.8)) paling mendekati warna bernama Matcha Mecha. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#9BAE6C
oklch(0.72 0.092 121.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- A5B67B
- AEBE8A
- B8C698
- C2CEA7
- CCD6B5
- D6DEC4
- E0E7D3
- EAEFE1
- F5F7F0
Shade
- 86975D
- 72804E
- 5E6A40
- 4B5532
- 394125
- 282E19
- 181C0D
- 090B04
- 010100
Tone
- 98A96F
- 95A571
- 93A074
- 909C76
- 8D9778
- 8B927A
- 888E7C
- 85897D
- 83857F
Harmoni warna
Komplementer +180°
- 9BAE6C
Matcha Mecha
- AF97D5
≈ Biloba Flower
Analog -30° +30°
- 9BAE6C
Matcha Mecha
- B9A35F
≈ Shutterbug
- 78B588
≈ Irish Hedge
Triadik +120° +240°
- 9BAE6C
Matcha Mecha
- 6FACD9
≈ Chronus Blue
- D58CA0
≈ Sugar Tooth
Split-komplementer +150° +210°
- 9BAE6C
Matcha Mecha
- 90A1DF
≈ Dalmatian Sage
- C78FBF
≈ Rose Souvenir
Tetradik +90° +180° +270°
- 9BAE6C
Matcha Mecha
- 56B4C6
≈ Aqua Verde
- AF97D5
≈ Biloba Flower
- D88F81
≈ My Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.42:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.66:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
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);
}