Màu có tên gần nhất · #666E00
#666E00
Màu có tên gần nhất: Topiary Green
#666E00 (rgb(102 110 0), hsl(64 100% 22%), oklch(0.514 0.116 114.7)) gần nhất với màu có tên Topiary Green. 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.
#666E00
oklch(0.514 0.116 114.7)
Chuyển đổi màu
- HEX
- #666e00
- RGB
- rgb(102 110 0)
- HSL
- hsl(64 100% 22%)
- HWB
- hwb(64 0% 57%)
- OKLCH
- oklch(0.514 0.116 114.7)
- OKLab
- oklab(0.514 -0.048 0.105)
- CIE Lab
- lab(44.43 -12.22 49.37)
- LCH
- lch(44.43 50.86 103.9)
- CMYK
- cmyk(7% 0% 100% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 747C2B
- 828A45
- 90985D
- 9FA674
- AFB58B
- BEC3A2
- CED2B9
- DEE1D0
- EEF0E7
Sắc đậm
- 585F00
- 4A5000
- 3C4100
- 2F3300
- 232600
- 171900
- 0C0E00
- 040400
- 000100
Sắc xám
- 68701D
- 6B722D
- 6D743A
- 707645
- 727850
- 757A5A
- 787B64
- 7A7D6D
- 7D7E77
Hòa sắc
Bổ túc +180°
- 666E00
Topiary Green
- 6C58A2
≈ Sumire Violet
Tương đồng -30° +30°
- 666E00
Topiary Green
- 836100
≈ Ground Earth
- 36783A
≈ Cucumber Queen
Bộ ba +120° +240°
- 666E00
Topiary Green
- 00709C
≈ Tofino Belue
- 99476B
≈ Satsuma Imo Red
Bổ túc chia +150° +210°
- 666E00
Topiary Green
- 4564A9
≈ Starstruck
- 884D8C
≈ Cosmic Berry
Bộ bốn +90° +180° +270°
- 666E00
Topiary Green
- 00757F
≈ Night Scape
- 6C58A2
≈ Sumire Violet
- 9F4945
≈ Roof Terracotta
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.53:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.79:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--topiary-green: #666e00;
--topiary-green-rgb: 102 110 0;
--topiary-green-oklch: oklch(0.514 0.116 114.7);
}
.element {
color: var(--topiary-green);
background-color: hsl(64 100% 22%);
border-color: oklch(0.514 0.116 114.7);
}Tailwind CSS v4
@theme {
--color-topiary-green: #666e00;
--color-topiary-green-50: #f2fad5;
--color-topiary-green-100: #e5eec2;
--color-topiary-green-200: #d1dba3;
--color-topiary-green-300: #b3bf7a;
--color-topiary-green-400: #9da651;
--color-topiary-green-500: #858e22;
--color-topiary-green-600: #70781f;
--color-topiary-green-700: #5a6019;
--color-topiary-green-800: #43460e;
--color-topiary-green-900: #2e3109;
--color-topiary-green-950: #1b1d00;
}SCSS
$topiary-green: #666e00;
$topiary-green-rgb: 102, 110, 0;
$topiary-green-light: mix(#fff, $topiary-green, 20%);
$topiary-green-dark: mix(#000, $topiary-green, 20%);
.element {
color: $topiary-green;
box-shadow: 0 0 0 2px rgba($topiary-green, 0.35);
}