Màu có tên gần nhất · #465736
#465736
Màu có tên gần nhất: Zen Garden Olive
#465736 (rgb(70 87 54), hsl(91 23% 28%), oklch(0.433 0.056 130.6)) gần nhất với màu có tên Zen Garden Olive. 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.
#465736
oklch(0.433 0.056 130.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 576648
- 68765B
- 79866E
- 8B9781
- 9EA795
- B0B8AA
- C3CABE
- D7DBD4
- EBEDE9
Sắc đậm
- 3C4B2E
- 323E25
- 28331E
- 1E2716
- 151C0F
- 0D1208
- 050803
- 020301
- 000000
Sắc xám
- 4C5B3D
- 515F45
- 57634C
- 5D6753
- 626B5B
- 687062
- 6E746A
- 747871
- 7A7C78
Hòa sắc
Bổ túc +180°
- 465736
Zen Garden Olive
- 5A4868
≈ Woad Purple
Tương đồng -30° +30°
- 465736
Zen Garden Olive
- 57522C
≈ West Coast
- 335A46
≈ Billiard Green
Bộ ba +120° +240°
- 465736
Zen Garden Olive
- 39536E
≈ Albeit
- 6C4449
≈ Purplish Brown
Bổ túc chia +150° +210°
- 465736
Zen Garden Olive
- 4B4D6F
≈ Intense Purple
- 66445A
≈ Ripe Mulberry
Bộ bốn +90° +180° +270°
- 465736
Zen Garden Olive
- 295866
≈ Deep Loch
- 5A4868
≈ Woad Purple
- 6B4639
≈ Deep Cherrywood
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.84:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.67:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
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);
}