最接近的命名颜色 · #1F4828
#1F4828
最接近的命名颜色: Queen of Trees
#1F4828（rgb(31 72 40)、hsl(133 40% 20%)、oklch(0.363 0.072 148.9)）最接近命名颜色 Queen of Trees。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#1F4828
oklch(0.363 0.072 148.9)
颜色转换
- HEX
- #1f4828
- RGB
- rgb(31 72 40)
- HSL
- hsl(133 40% 20%)
- HWB
- hwb(133 12% 72%)
- OKLCH
- oklch(0.363 0.072 148.9)
- OKLab
- oklab(0.363 -0.061 0.037)
- CIE Lab
- lab(26.96 -21.26 14.65)
- LCH
- lch(26.96 25.82 145.4)
- CMYK
- cmyk(57% 0% 44% 72%)
浅色调 · 深色调 · 灰色调
浅色调
- 34593B
- 496A4F
- 5E7B63
- 748D77
- 8A9F8D
- A1B2A3
- B7C5B9
- CFD8D0
- E7EBE7
深色调
- 193D21
- 14331B
- 0F2915
- 0A1F0F
- 061609
- 030D04
- 010602
- 000201
- 000000
灰色调
- 2A4E31
- 345339
- 3D5942
- 475E4A
- 506453
- 5A695C
- 636F65
- 6D756E
- 767A77
配色和谐
互补色 +180°
- 1F4828
Queen of Trees
- 522F50
≈ Plum Skin
类似色 -30° +30°
- 1F4828
Queen of Trees
- 3A4311
≈ Green Not Found
- 00493E
≈ Tropical Forest
三角配色 +120° +240°
- 1F4828
Queen of Trees
- 2E3B63
≈ Blue Depths
- 5E2E27
≈ Rookwood Red
分裂互补色 +150° +210°
- 1F4828
Queen of Trees
- 43355E
≈ Jakarta Skyline
- 5B2C3D
≈ Windsor Wine
四角配色 +90° +180° +270°
- 1F4828
Queen of Trees
- 10425F
≈ Neptune’s Wrath
- 522F50
≈ Plum Skin
- 593311
≈ Moelleux au Chocolat
对比度与无障碍
Ag
AAA白底
WCAG 10.41:1 · APCA Lc 94
Ag
Fail黑底
WCAG 2.01:1 · APCA Lc 9
最佳文字颜色: #FFFFFF
WCAG 10.41:1 (AAA) · APCA Lc 94
Contrast pairs
代码片段
CSS
:root {
--queen-of-trees: #1f4828;
--queen-of-trees-rgb: 31 72 40;
--queen-of-trees-oklch: oklch(0.363 0.072 148.9);
}
.element {
color: var(--queen-of-trees);
background-color: hsl(133 40% 20%);
border-color: oklch(0.363 0.072 148.9);
}Tailwind CSS v4
@theme {
--color-queen-of-trees: #1f4828;
--color-queen-of-trees-50: #e7fbeb;
--color-queen-of-trees-100: #d8efdc;
--color-queen-of-trees-200: #bfddc5;
--color-queen-of-trees-300: #9dc2a5;
--color-queen-of-trees-400: #81ab87;
--color-queen-of-trees-500: #64946c;
--color-queen-of-trees-600: #557d5c;
--color-queen-of-trees-700: #446449;
--color-queen-of-trees-800: #324934;
--color-queen-of-trees-900: #223323;
--color-queen-of-trees-950: #111e12;
}SCSS
$queen-of-trees: #1f4828;
$queen-of-trees-rgb: 31, 72, 40;
$queen-of-trees-light: mix(#fff, $queen-of-trees, 20%);
$queen-of-trees-dark: mix(#000, $queen-of-trees, 20%);
.element {
color: $queen-of-trees;
box-shadow: 0 0 0 2px rgba($queen-of-trees, 0.35);
}