Màu có tên gần nhất · #1E4300
#1E4300
Màu có tên gần nhất: Woodland Grass
#1E4300 (rgb(30 67 0), hsl(93 100% 13%), oklch(0.342 0.101 135.4)) gần nhất với màu có tên Woodland Grass. 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.
#1E4300
oklch(0.342 0.101 135.4)
Chuyển đổi màu
- HEX
- #1e4300
- RGB
- rgb(30 67 0)
- HSL
- hsl(93 100% 13%)
- HWB
- hwb(93 0% 74%)
- OKLCH
- oklch(0.342 0.101 135.4)
- OKLab
- oklab(0.342 -0.072 0.071)
- CIE Lab
- lab(24.68 -22.99 31.92)
- LCH
- lch(24.68 39.34 125.8)
- CMYK
- cmyk(55% 0% 100% 74%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 33541E
- 476637
- 5C784E
- 728A66
- 889D7E
- 9FB097
- B6C3B0
- CED7CA
- E6EBE4
Sắc đậm
- 193900
- 132F00
- 0E2600
- 091D00
- 051400
- 030C00
- 010500
- 000100
- 000000
Sắc xám
- 284913
- 324F21
- 3B552D
- 455C39
- 4F6245
- 586851
- 626E5C
- 6C7468
- 767A74
Hòa sắc
Bổ túc +180°
- 1E4300
Woodland Grass
- 4C255B
≈ Wonka Purple
Tương đồng -30° +30°
- 1E4300
Woodland Grass
- 3E3A00
≈ Camouflage
- 00442F
≈ UP Forest Green
Bộ ba +120° +240°
- 1E4300
Woodland Grass
- 0C386B
≈ Lost in Space
- 621C27
≈ Pohutukawa
Bổ túc chia +150° +210°
- 1E4300
Woodland Grass
- 352E69
≈ Deep Koamaru
- 5B1E44
≈ Plum Caspia
Bộ bốn +90° +180° +270°
- 1E4300
Woodland Grass
- 003F52
≈ Maniac Mansion
- 4C255B
≈ Wonka Purple
- 5F2300
≈ Raw Chocolate
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.30:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.85:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.30:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--woodland-grass: #1e4300;
--woodland-grass-rgb: 30 67 0;
--woodland-grass-oklch: oklch(0.342 0.101 135.4);
}
.element {
color: var(--woodland-grass);
background-color: hsl(93 100% 13%);
border-color: oklch(0.342 0.101 135.4);
}Tailwind CSS v4
@theme {
--color-woodland-grass: #1e4300;
--color-woodland-grass-50: #e8fce1;
--color-woodland-grass-100: #d8f0d0;
--color-woodland-grass-200: #c0dfb5;
--color-woodland-grass-300: #9fc491;
--color-woodland-grass-400: #84ac6f;
--color-woodland-grass-500: #68954f;
--color-woodland-grass-600: #587e44;
--color-woodland-grass-700: #466536;
--color-woodland-grass-800: #344a24;
--color-woodland-grass-900: #233318;
--color-woodland-grass-950: #121f09;
}SCSS
$woodland-grass: #1e4300;
$woodland-grass-rgb: 30, 67, 0;
$woodland-grass-light: mix(#fff, $woodland-grass, 20%);
$woodland-grass-dark: mix(#000, $woodland-grass, 20%);
.element {
color: $woodland-grass;
box-shadow: 0 0 0 2px rgba($woodland-grass, 0.35);
}