Màu có tên gần nhất · #2A4600
#2A4600
Màu có tên gần nhất: Treetop Cathedral
#2A4600 (rgb(42 70 0), hsl(84 100% 14%), oklch(0.358 0.097 130.7)) gần nhất với màu có tên Treetop Cathedral. 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.
#2A4600
oklch(0.358 0.097 130.7)
Chuyển đổi màu
- HEX
- #2a4600
- RGB
- rgb(42 70 0)
- HSL
- hsl(84 100% 14%)
- HWB
- hwb(84 0% 73%)
- OKLCH
- oklch(0.358 0.097 130.7)
- OKLab
- oklab(0.358 -0.063 0.074)
- CIE Lab
- lab(26.46 -19.59 33.8)
- LCH
- lch(26.46 39.06 120.1)
- CMYK
- cmyk(40% 0% 100% 73%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3D5720
- 506838
- 647A50
- 798C67
- 8E9F7F
- A3B198
- BAC4B1
- D0D8CA
- E7EBE4
Sắc đậm
- 233C00
- 1C3200
- 162800
- 101E00
- 0A1500
- 050D00
- 020500
- 010200
- 000000
Sắc xám
- 324C13
- 3B5222
- 43582F
- 4B5D3A
- 546346
- 5C6952
- 656F5D
- 6E7469
- 777A74
Hòa sắc
Bổ túc +180°
- 2A4600
Treetop Cathedral
- 4C2B62
≈ Violet Indigo
Tương đồng -30° +30°
- 2A4600
Treetop Cathedral
- 453D00
≈ Xanthophobia
- 00492E
≈ Alaskan Moss
Bộ ba +120° +240°
- 2A4600
Treetop Cathedral
- 073E6D
≈ Indigo Dye
- 652230
≈ Blackberry Pie
Bổ túc chia +150° +210°
- 2A4600
Treetop Cathedral
- 35346E
≈ Deep Koamaru
- 5D244C
≈ Plum Caspia
Bộ bốn +90° +180° +270°
- 2A4600
Treetop Cathedral
- 004454
≈ Crab Nebula
- 4C2B62
≈ Violet Indigo
- 65260D
≈ Raw Chocolate
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.63:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.97:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.63:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--treetop-cathedral: #2a4600;
--treetop-cathedral-rgb: 42 70 0;
--treetop-cathedral-oklch: oklch(0.358 0.097 130.7);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(84 100% 14%);
border-color: oklch(0.358 0.097 130.7);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2a4600;
--color-treetop-cathedral-50: #ebfcdf;
--color-treetop-cathedral-100: #dcefce;
--color-treetop-cathedral-200: #c5deb3;
--color-treetop-cathedral-300: #a4c38f;
--color-treetop-cathedral-400: #8baa6d;
--color-treetop-cathedral-500: #70934c;
--color-treetop-cathedral-600: #5f7c41;
--color-treetop-cathedral-700: #4c6433;
--color-treetop-cathedral-800: #384923;
--color-treetop-cathedral-900: #263217;
--color-treetop-cathedral-950: #151e08;
}SCSS
$treetop-cathedral: #2a4600;
$treetop-cathedral-rgb: 42, 70, 0;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}