Màu có tên gần nhất · #9CB067
#9CB067
Màu có tên gần nhất: Matcha Mecha
#9CB067 (rgb(156 176 103), hsl(76 32% 55%), oklch(0.725 0.1 121.5)) gần nhất với màu có tên Matcha Mecha. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#9CB067
oklch(0.725 0.1 121.5)
Chuyển đổi màu
- HEX
- #9cb067
- RGB
- rgb(156 176 103)
- HSL
- hsl(76 32% 55%)
- HWB
- hwb(76 40% 31%)
- OKLCH
- oklch(0.725 0.1 121.5)
- OKLab
- oklab(0.725 -0.052 0.085)
- CIE Lab
- lab(69 -16.08 34.88)
- LCH
- lch(69 38.41 114.8)
- CMYK
- cmyk(11% 0% 41% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A5B877
- AFC086
- B9C895
- C2D0A4
- CCD7B3
- D6DFC2
- E0E7D1
- EAEFE0
- F5F7F0
Sắc đậm
- 879959
- 73824B
- 5F6C3D
- 4C5630
- 394223
- 282E17
- 181C0C
- 090B04
- 010100
Sắc xám
- 99AB6A
- 96A66E
- 93A271
- 919D73
- 8E9876
- 8B9378
- 888E7A
- 858A7C
- 83857E
Hòa sắc
Bổ túc +180°
- 9CB067
Matcha Mecha
- B197DB
≈ Violet Velvet
Tương đồng -30° +30°
- 9CB067
Matcha Mecha
- BDA458
≈ Nonpareil Apple
- 75B886
≈ Frog Pond
Bộ ba +120° +240°
- 9CB067
Matcha Mecha
- 6AAEDF
≈ Sanctuary Spa
- DA8BA2
≈ Reflecting Rose
Bổ túc chia +150° +210°
- 9CB067
Matcha Mecha
- 8FA2E5
≈ Dalmatian Sage
- CB8FC3
≈ Pomtini
Bộ bốn +90° +180° +270°
- 9CB067
Matcha Mecha
- 4CB7CA
≈ Mountain Range Blue
- B197DB
≈ Violet Velvet
- DE8E7F
≈ Mellow Coral
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.38:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.81:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--matcha-mecha: #9cb067;
--matcha-mecha-rgb: 156 176 103;
--matcha-mecha-oklch: oklch(0.725 0.1 121.5);
}
.element {
color: var(--matcha-mecha);
background-color: hsl(76 32% 55%);
border-color: oklch(0.725 0.1 121.5);
}Tailwind CSS v4
@theme {
--color-matcha-mecha: #9cb067;
--color-matcha-mecha-50: #effbdb;
--color-matcha-mecha-100: #e1eeca;
--color-matcha-mecha-200: #ccdcad;
--color-matcha-mecha-300: #adc087;
--color-matcha-mecha-400: #95a863;
--color-matcha-mecha-500: #7c903f;
--color-matcha-mecha-600: #697a36;
--color-matcha-mecha-700: #54622b;
--color-matcha-mecha-800: #3e471d;
--color-matcha-mecha-900: #2b3113;
--color-matcha-mecha-950: #181d05;
}SCSS
$matcha-mecha: #9cb067;
$matcha-mecha-rgb: 156, 176, 103;
$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);
}