Màu có tên gần nhất · #354F2C
#354F2C
Màu có tên gần nhất: Zen Garden Olive
#354F2C (rgb(53 79 44), hsl(105 28% 24%), oklch(0.397 0.065 138)) 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.
#354F2C
oklch(0.397 0.065 138)
Chuyển đổi màu
- HEX
- #354f2c
- RGB
- rgb(53 79 44)
- HSL
- hsl(105 28% 24%)
- HWB
- hwb(105 17% 69%)
- OKLCH
- oklch(0.397 0.065 138)
- OKLab
- oklab(0.397 -0.048 0.043)
- CIE Lab
- lab(30.76 -16.05 17.39)
- LCH
- lch(30.76 23.66 132.7)
- CMYK
- cmyk(33% 0% 44% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 475F3F
- 5A7052
- 6D8066
- 80927B
- 94A390
- A9B5A5
- BEC7BB
- D3D9D1
- E9ECE8
Sắc đậm
- 2D4425
- 25381E
- 1D2E17
- 152311
- 0E190A
- 081005
- 030702
- 010201
- 000000
Sắc xám
- 3C5434
- 44593D
- 4B5E45
- 52624D
- 5A6755
- 616C5E
- 697166
- 71766F
- 787B77
Hòa sắc
Bổ túc +180°
- 354F2C
Zen Garden Olive
- 553B5D
≈ Old Heliotrope
Tương đồng -30° +30°
- 354F2C
Zen Garden Olive
- 4A491C
≈ Nori Seaweed Green
- 1C5240
≈ Bagpiper
Bộ ba +120° +240°
- 354F2C
Zen Garden Olive
- 304769
≈ Lake View
- 653839
≈ Andorra
Bổ túc chia +150° +210°
- 354F2C
Zen Garden Olive
- 454168
≈ Evening Mauve
- 60384D
≈ Violet Posy
Bộ bốn +90° +180° +270°
- 354F2C
Zen Garden Olive
- 184D62
≈ Lazurite Blue
- 553B5D
≈ Old Heliotrope
- 633B27
≈ Tropical Wood Brown
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.10:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.30:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--zen-garden-olive: #354f2c;
--zen-garden-olive-rgb: 53 79 44;
--zen-garden-olive-oklch: oklch(0.397 0.065 138);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(105 28% 24%);
border-color: oklch(0.397 0.065 138);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #354f2c;
--color-zen-garden-olive-50: #ecfae9;
--color-zen-garden-olive-100: #ddeed9;
--color-zen-garden-olive-200: #c6dcc1;
--color-zen-garden-olive-300: #a6c0a1;
--color-zen-garden-olive-400: #8ca883;
--color-zen-garden-olive-500: #719167;
--color-zen-garden-olive-600: #607a57;
--color-zen-garden-olive-700: #4d6245;
--color-zen-garden-olive-800: #384831;
--color-zen-garden-olive-900: #263221;
--color-zen-garden-olive-950: #151e11;
}SCSS
$zen-garden-olive: #354f2c;
$zen-garden-olive-rgb: 53, 79, 44;
$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);
}