Màu có tên gần nhất · #425322
#425322
Màu có tên gần nhất: Zen Garden Olive
#425322 (rgb(66 83 34), hsl(81 42% 23%), oklch(0.416 0.076 125.5)) 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.
#425322
oklch(0.416 0.076 125.5)
Chuyển đổi màu
- HEX
- #425322
- RGB
- rgb(66 83 34)
- HSL
- hsl(81 42% 23%)
- HWB
- hwb(81 13% 67%)
- OKLCH
- oklch(0.416 0.076 125.5)
- OKLab
- oklab(0.416 -0.044 0.062)
- CIE Lab
- lab(32.94 -13.53 25.95)
- LCH
- lch(32.94 29.26 117.5)
- CMYK
- cmyk(20% 0% 59% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 536337
- 64734C
- 768361
- 889476
- 9BA58C
- AEB7A2
- C2C8B9
- D6DAD0
- EAEDE7
Sắc đậm
- 38471C
- 2F3B16
- 253011
- 1C250B
- 141B07
- 0B1103
- 050801
- 010200
- 000000
Sắc xám
- 48582C
- 4E5C36
- 546140
- 5A6549
- 606A52
- 666E5B
- 6D7364
- 73776E
- 797C77
Hòa sắc
Bổ túc +180°
- 425322
Zen Garden Olive
- 56416D
≈ Raw Amethyst
Tương đồng -30° +30°
- 425322
Zen Garden Olive
- 594B12
≈ Bronze Olive
- 24583A
≈ Green Stain
Bộ ba +120° +240°
- 425322
Zen Garden Olive
- 244F72
≈ Mykonos Reflection
- 6E3946
≈ Ripening Grape
Bổ túc chia +150° +210°
- 425322
Zen Garden Olive
- 404875
≈ Constellation Blue
- 653B5C
≈ Precious Jewels
Bộ bốn +90° +180° +270°
- 425322
Zen Garden Olive
- 005665
≈ Abyssal Waters
- 56416D
≈ Raw Amethyst
- 6F3C2E
≈ Iron Flint
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.42:1 · APCA Lc 89
Ag
FailTrên nền đen
WCAG 2.49:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--zen-garden-olive: #425322;
--zen-garden-olive-rgb: 66 83 34;
--zen-garden-olive-oklch: oklch(0.416 0.076 125.5);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(81 42% 23%);
border-color: oklch(0.416 0.076 125.5);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #425322;
--color-zen-garden-olive-50: #effae3;
--color-zen-garden-olive-100: #e1edd2;
--color-zen-garden-olive-200: #cbdbb8;
--color-zen-garden-olive-300: #adbf96;
--color-zen-garden-olive-400: #94a776;
--color-zen-garden-olive-500: #7a8f57;
--color-zen-garden-olive-600: #67794a;
--color-zen-garden-olive-700: #53613b;
--color-zen-garden-olive-800: #3d4729;
--color-zen-garden-olive-900: #2a311b;
--color-zen-garden-olive-950: #181d0c;
}SCSS
$zen-garden-olive: #425322;
$zen-garden-olive-rgb: 66, 83, 34;
$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);
}