En yakın adlandırılmış renk · #666E00
#666E00
En yakın adlandırılmış renk: Topiary Green
#666E00 (rgb(102 110 0), hsl(64 100% 22%), oklch(0.514 0.116 114.7)) en çok Topiary Green adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#666E00
oklch(0.514 0.116 114.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 747C2B
- 828A45
- 90985D
- 9FA674
- AFB58B
- BEC3A2
- CED2B9
- DEE1D0
- EEF0E7
Koyu tonlar
- 585F00
- 4A5000
- 3C4100
- 2F3300
- 232600
- 171900
- 0C0E00
- 040400
- 000100
Gri tonlar
- 68701D
- 6B722D
- 6D743A
- 707645
- 727850
- 757A5A
- 787B64
- 7A7D6D
- 7D7E77
Renk uyumları
Tamamlayıcı +180°
- 666E00
Topiary Green
- 6C58A2
≈ Sumire Violet
Analog -30° +30°
- 666E00
Topiary Green
- 836100
≈ Ground Earth
- 36783A
≈ Cucumber Queen
Üçlü +120° +240°
- 666E00
Topiary Green
- 00709C
≈ Tofino Belue
- 99476B
≈ Satsuma Imo Red
Bölünmüş tamamlayıcı +150° +210°
- 666E00
Topiary Green
- 4564A9
≈ Starstruck
- 884D8C
≈ Cosmic Berry
Dörtlü +90° +180° +270°
- 666E00
Topiary Green
- 00757F
≈ Night Scape
- 6C58A2
≈ Sumire Violet
- 9F4945
≈ Roof Terracotta
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.53:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.79:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}