En yakın adlandırılmış renk · #465736
#465736
En yakın adlandırılmış renk: Zen Garden Olive
#465736 (rgb(70 87 54), hsl(91 23% 28%), oklch(0.433 0.056 130.6)) en çok Zen Garden Olive 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.
#465736
oklch(0.433 0.056 130.6)
Renk dönüşümleri
- HEX
- #465736
- RGB
- rgb(70 87 54)
- HSL
- hsl(91 23% 28%)
- HWB
- hwb(91 21% 66%)
- OKLCH
- oklch(0.433 0.056 130.6)
- OKLab
- oklab(0.433 -0.036 0.042)
- CIE Lab
- lab(34.84 -11.87 16.96)
- LCH
- lch(34.84 20.7 125)
- CMYK
- cmyk(20% 0% 38% 66%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 576648
- 68765B
- 79866E
- 8B9781
- 9EA795
- B0B8AA
- C3CABE
- D7DBD4
- EBEDE9
Koyu tonlar
- 3C4B2E
- 323E25
- 28331E
- 1E2716
- 151C0F
- 0D1208
- 050803
- 020301
- 000000
Gri tonlar
- 4C5B3D
- 515F45
- 57634C
- 5D6753
- 626B5B
- 687062
- 6E746A
- 747871
- 7A7C78
Renk uyumları
Tamamlayıcı +180°
- 465736
Zen Garden Olive
- 5A4868
≈ Woad Purple
Analog -30° +30°
- 465736
Zen Garden Olive
- 57522C
≈ West Coast
- 335A46
≈ Billiard Green
Üçlü +120° +240°
- 465736
Zen Garden Olive
- 39536E
≈ Albeit
- 6C4449
≈ Purplish Brown
Bölünmüş tamamlayıcı +150° +210°
- 465736
Zen Garden Olive
- 4B4D6F
≈ Intense Purple
- 66445A
≈ Ripe Mulberry
Dörtlü +90° +180° +270°
- 465736
Zen Garden Olive
- 295866
≈ Deep Loch
- 5A4868
≈ Woad Purple
- 6B4639
≈ Deep Cherrywood
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.84:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.67:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--zen-garden-olive: #465736;
--zen-garden-olive-rgb: 70 87 54;
--zen-garden-olive-oklch: oklch(0.433 0.056 130.6);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(91 23% 28%);
border-color: oklch(0.433 0.056 130.6);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #465736;
--color-zen-garden-olive-50: #eff9e9;
--color-zen-garden-olive-100: #e1ecd9;
--color-zen-garden-olive-200: #cbdac1;
--color-zen-garden-olive-300: #adbea1;
--color-zen-garden-olive-400: #93a683;
--color-zen-garden-olive-500: #7a8e67;
--color-zen-garden-olive-600: #677857;
--color-zen-garden-olive-700: #526046;
--color-zen-garden-olive-800: #3c4632;
--color-zen-garden-olive-900: #2a3122;
--color-zen-garden-olive-950: #171d11;
}SCSS
$zen-garden-olive: #465736;
$zen-garden-olive-rgb: 70, 87, 54;
$zen-garden-olive-light: mix(#fff, $zen-garden-olive, 20%);
$zen-garden-olive-dark: mix(#000, $zen-garden-olive, 20%);
.element {
color: $zen-garden-olive;
box-shadow: 0 0 0 2px rgba($zen-garden-olive, 0.35);
}