Màu có tên gần nhất · #003B00
#003B00
Màu có tên gần nhất: Woodland Grass
#003B00 (rgb(0 59 0), hsl(120 100% 12%), oklch(0.305 0.104 142.5)) 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.
#003B00
oklch(0.305 0.104 142.5)
Chuyển đổi màu
- HEX
- #003b00
- RGB
- rgb(0 59 0)
- HSL
- hsl(120 100% 12%)
- HWB
- hwb(120 0% 77%)
- OKLCH
- oklch(0.305 0.104 142.5)
- OKLab
- oklab(0.305 -0.082 0.063)
- CIE Lab
- lab(20.58 -27.93 27.46)
- LCH
- lch(20.58 39.17 135.5)
- CMYK
- cmyk(100% 0% 100% 77%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1E4D1C
- 375F34
- 4E724B
- 668563
- 7E987B
- 97AC95
- B0C1AE
- CAD5C9
- E4EAE4
Sắc đậm
- 003200
- 002900
- 002100
- 001900
- 001100
- 000900
- 000400
- 000100
- 000000
Sắc xám
- 134210
- 21491E
- 2D502B
- 395737
- 455E43
- 51644F
- 5D6B5B
- 687267
- 747974
Hòa sắc
Bổ túc +180°
- 003B00
Woodland Grass
- 46184D
≈ Plunged Into Darkness
Tương đồng -30° +30°
- 003B00
Woodland Grass
- 303200
≈ Wasabi Nori
- 00382C
≈ Coach Green
Bộ ba +120° +240°
- 003B00
Woodland Grass
- 102B62
≈ Schiava Blue
- 581015
≈ Chocolate Cosmos
Bổ túc chia +150° +210°
- 003B00
Woodland Grass
- 32215E
≈ Christalle
- 531134
≈ Tulip Poplar Purple
Bộ bốn +90° +180° +270°
- 003B00
Woodland Grass
- 003449
≈ Crowberry Blue
- 46184D
≈ Plunged Into Darkness
- 4C2100
≈ Chrysophobia
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.91:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.62:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.91:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--woodland-grass: #003b00;
--woodland-grass-rgb: 0 59 0;
--woodland-grass-oklch: oklch(0.305 0.104 142.5);
}
.element {
color: var(--woodland-grass);
background-color: hsl(120 100% 12%);
border-color: oklch(0.305 0.104 142.5);
}Tailwind CSS v4
@theme {
--color-woodland-grass: #003b00;
--color-woodland-grass-50: #e4fee3;
--color-woodland-grass-100: #d4f2d3;
--color-woodland-grass-200: #bae1b9;
--color-woodland-grass-300: #97c696;
--color-woodland-grass-400: #7aae75;
--color-woodland-grass-500: #5b9756;
--color-woodland-grass-600: #4e804a;
--color-woodland-grass-700: #3e673a;
--color-woodland-grass-800: #2e4b28;
--color-woodland-grass-900: #1f341b;
--color-woodland-grass-950: #0e200b;
}SCSS
$woodland-grass: #003b00;
$woodland-grass-rgb: 0, 59, 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);
}