Màu có tên gần nhất · #3E5427
#3E5427
Màu có tên gần nhất: Zen Garden Olive
#3E5427 (rgb(62 84 39), hsl(89 37% 24%), oklch(0.416 0.074 130.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.
#3E5427
oklch(0.416 0.074 130.5)
Chuyển đổi màu
- HEX
- #3e5427
- RGB
- rgb(62 84 39)
- HSL
- hsl(89 37% 24%)
- HWB
- hwb(89 15% 67%)
- OKLCH
- oklch(0.416 0.074 130.5)
- OKLab
- oklab(0.416 -0.048 0.056)
- CIE Lab
- lab(33.03 -15.36 23.22)
- LCH
- lch(33.03 27.85 123.5)
- CMYK
- cmyk(26% 0% 54% 67%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4F643B
- 61744F
- 738464
- 869579
- 99A68E
- ADB7A4
- C1C9BA
- D5DBD1
- EAEDE8
Sắc đậm
- 354820
- 2B3C1A
- 233114
- 1A260E
- 121B08
- 0A1104
- 040802
- 010201
- 000000
Sắc xám
- 445830
- 4B5D39
- 516142
- 58664B
- 5E6A54
- 656E5D
- 6C7365
- 72776E
- 797C77
Hòa sắc
Bổ túc +180°
- 3E5427
Zen Garden Olive
- 59406A
≈ Kikyō Purple
Tương đồng -30° +30°
- 3E5427
Zen Garden Olive
- 554D16
≈ Scorzonera Brown
- 20583E
≈ Billiard Table
Bộ ba +120° +240°
- 3E5427
Zen Garden Olive
- 2B4E73
≈ Mykonos Reflection
- 6E3A42
≈ Ripening Grape
Bổ túc chia +150° +210°
- 3E5427
Zen Garden Olive
- 454773
≈ Dramatist
- 673B58
≈ Primitive Plum
Bộ bốn +90° +180° +270°
- 3E5427
Zen Garden Olive
- 065568
≈ Plunge
- 59406A
≈ Kikyō Purple
- 6E3D2C
≈ Red Mane
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.39:1 · APCA Lc 89
Ag
FailTrên nền đen
WCAG 2.50:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.39:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--zen-garden-olive: #3e5427;
--zen-garden-olive-rgb: 62 84 39;
--zen-garden-olive-oklch: oklch(0.416 0.074 130.5);
}
.element {
color: var(--zen-garden-olive);
background-color: hsl(89 37% 24%);
border-color: oklch(0.416 0.074 130.5);
}Tailwind CSS v4
@theme {
--color-zen-garden-olive: #3e5427;
--color-zen-garden-olive-50: #edfae5;
--color-zen-garden-olive-100: #dfeed4;
--color-zen-garden-olive-200: #c8dbbb;
--color-zen-garden-olive-300: #a9c099;
--color-zen-garden-olive-400: #90a87a;
--color-zen-garden-olive-500: #75905c;
--color-zen-garden-olive-600: #647a4e;
--color-zen-garden-olive-700: #4f623e;
--color-zen-garden-olive-800: #3b472b;
--color-zen-garden-olive-900: #28311d;
--color-zen-garden-olive-950: #161d0d;
}SCSS
$zen-garden-olive: #3e5427;
$zen-garden-olive-rgb: 62, 84, 39;
$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);
}