最接近的命名颜色 · #2D491D
#2D491D
最接近的命名颜色: Treetop Cathedral
#2D491D（rgb(45 73 29)、hsl(98 43% 20%)、oklch(0.371 0.077 135.5)）最接近命名颜色 Treetop Cathedral。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2D491D
oklch(0.371 0.077 135.5)
颜色转换
- HEX
- #2d491d
- RGB
- rgb(45 73 29)
- HSL
- hsl(98 43% 20%)
- HWB
- hwb(98 11% 71%)
- OKLCH
- oklch(0.371 0.077 135.5)
- OKLab
- oklab(0.371 -0.055 0.054)
- CIE Lab
- lab(27.94 -17.97 22.47)
- LCH
- lch(27.94 28.77 128.6)
- CMYK
- cmyk(38% 0% 60% 71%)
浅色调 · 深色调 · 灰色调
浅色调
- 405A32
- 536B47
- 677C5C
- 7B8E72
- 90A088
- A5B29F
- BBC5B6
- D1D8CE
- E8EBE6
深色调
- 263E18
- 1F3413
- 182A0E
- 112009
- 0B1705
- 060E03
- 020601
- 010200
- 000000
灰色调
- 354E27
- 3D5431
- 45593B
- 4D5F45
- 56644F
- 5E6A58
- 666F62
- 6F756C
- 777A76
配色和谐
互补色 +180°
- 2D491D
Treetop Cathedral
- 50325C
≈ Royal Crown
类似色 -30° +30°
- 2D491D
Treetop Cathedral
- 464203
≈ Alligator Gladiator
- 014D36
≈ Chrysocolla Dark Green
三角配色 +120° +240°
- 2D491D
Treetop Cathedral
- 224168
≈ Elmer’s Echo
- 622D32
≈ Chocolate Truffle
分裂互补色 +150° +210°
- 2D491D
Treetop Cathedral
- 3D3967
≈ Rhynchites Nitens
- 5C2E49
≈ Vistoris Lake
四角配色 +90° +180° +270°
- 2D491D
Treetop Cathedral
- 00475C
≈ Loyal Blue
- 50325C
≈ Royal Crown
- 61311A
≈ Overbaked
对比度与无障碍
Ag
AAA白底
WCAG 10.08:1 · APCA Lc 93
Ag
Fail黑底
WCAG 2.08:1 · APCA Lc 9
最佳文字颜色: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--treetop-cathedral: #2d491d;
--treetop-cathedral-rgb: 45 73 29;
--treetop-cathedral-oklch: oklch(0.371 0.077 135.5);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(98 43% 20%);
border-color: oklch(0.371 0.077 135.5);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2d491d;
--color-treetop-cathedral-50: #ebfbe5;
--color-treetop-cathedral-100: #dceed5;
--color-treetop-cathedral-200: #c5ddbd;
--color-treetop-cathedral-300: #a5c19b;
--color-treetop-cathedral-400: #8ba97b;
--color-treetop-cathedral-500: #6f925e;
--color-treetop-cathedral-600: #5f7b50;
--color-treetop-cathedral-700: #4b6340;
--color-treetop-cathedral-800: #38482c;
--color-treetop-cathedral-900: #26321e;
--color-treetop-cathedral-950: #141e0e;
}SCSS
$treetop-cathedral: #2d491d;
$treetop-cathedral-rgb: 45, 73, 29;
$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);
}