En yakın adlandırılmış renk · #455631
#455631
En yakın adlandırılmış renk: Zen Garden Olive
#455631 (rgb(69 86 49), hsl(88 27% 26%), oklch(0.429 0.061 128.8)) 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.
#455631
oklch(0.429 0.061 128.8)
Renk dönüşümleri
- HEX
- #455631
- RGB
- rgb(69 86 49)
- HSL
- hsl(88 27% 26%)
- HWB
- hwb(88 19% 66%)
- OKLCH
- oklch(0.429 0.061 128.8)
- OKLab
- oklab(0.429 -0.038 0.048)
- CIE Lab
- lab(34.36 -12.34 19.27)
- LCH
- lch(34.36 22.88 122.6)
- CMYK
- cmyk(20% 0% 43% 66%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 566644
- 677557
- 78866A
- 8A967E
- 9DA793
- B0B8A8
- C3C9BD
- D7DBD3
- EBEDE9
Koyu tonlar
- 3B4A29
- 313E22
- 27321A
- 1E2713
- 151C0C
- 0C1206
- 050803
- 020201
- 000000
Gri tonlar
- 4B5A39
- 505E41
- 566349
- 5C6751
- 626B58
- 686F60
- 6E7368
- 747870
- 7A7C78
Renk uyumları
Tamamlayıcı +180°
- 455631
Zen Garden Olive
- 594669
≈ Woad Purple
Analog -30° +30°
- 455631
Zen Garden Olive
- 585026
≈ Bronze Olive
- 2F5A43
≈ Billiard Green
Üçlü +120° +240°
- 455631
Zen Garden Olive
- 345270
≈ America’s Cup
- 6C4148
≈ Purplish Brown
Bölünmüş tamamlayıcı +150° +210°
- 455631
Zen Garden Olive
- 484C71
≈ Intense Purple
- 66425B
≈ Grape Fizz
Dörtlü +90° +180° +270°
- 455631
Zen Garden Olive
- 215766
≈ Bright Nautilus
- 594669
≈ Woad Purple
- 6C4336
≈ Rugged Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.98:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.62:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 7.98:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--zen-garden-olive: #455631;
--zen-garden-olive-rgb: 69 86 49;
--zen-garden-olive-oklch: oklch(0.429 0.061 128.8);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(88 27% 26%);
border-color: oklch(0.429 0.061 128.8);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #455631;
--color-zen-garden-olive-50: #eff9e7;
--color-zen-garden-olive-100: #e1ecd7;
--color-zen-garden-olive-200: #cbdabf;
--color-zen-garden-olive-300: #adbe9e;
--color-zen-garden-olive-400: #93a680;
--color-zen-garden-olive-500: #7a8e63;
--color-zen-garden-olive-600: #677854;
--color-zen-garden-olive-700: #526043;
--color-zen-garden-olive-800: #3d462f;
--color-zen-garden-olive-900: #2a3120;
--color-zen-garden-olive-950: #171d10;
}SCSS
$zen-garden-olive: #455631;
$zen-garden-olive-rgb: 69, 86, 49;
$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);
}