最接近的命名颜色 · #3E6619
#3E6619
最接近的命名颜色: Forest Empress
#3E6619（rgb(62 102 25)、hsl(91 61% 25%)、oklch(0.464 0.115 133.2)）最接近命名颜色 Forest Empress。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3E6619
oklch(0.464 0.115 133.2)
颜色转换
- HEX
- #3e6619
- RGB
- rgb(62 102 25)
- HSL
- hsl(91 61% 25%)
- HWB
- hwb(91 10% 60%)
- OKLCH
- oklch(0.464 0.115 133.2)
- OKLab
- oklab(0.464 -0.078 0.084)
- CIE Lab
- lab(38.99 -24.98 36.45)
- LCH
- lch(38.99 44.19 124.4)
- CMYK
- cmyk(39% 0% 75% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 507533
- 62834A
- 749260
- 87A176
- 9AB18C
- AEC0A2
- C2CFB9
- D6DFD0
- EAEFE7
深色调
- 355814
- 2B4A10
- 233C0B
- 1A2F07
- 122304
- 0A1702
- 040C01
- 010400
- 000000
灰色调
- 456927
- 4B6C33
- 526E3E
- 597148
- 5F7451
- 66765B
- 6C7964
- 737B6E
- 797E77
配色和谐
互补色 +180°
- 3E6619
Forest Empress
- 6F4386
≈ Amaranth Purple
类似色 -30° +30°
- 3E6619
Forest Empress
- 635B00
≈ Brussels Sprout Green
- 006A49
≈ Device Green
三角配色 +120° +240°
- 3E6619
Forest Empress
- 235A97
≈ Beacon Blue
- 8D3946
≈ Raspberry Fool
分裂互补色 +150° +210°
- 3E6619
Forest Empress
- 524E96
≈ Liberty
- 833B6A
≈ Midnight Aubergine
四角配色 +90° +180° +270°
- 3E6619
Forest Empress
- 00637C
≈ Jamaican Dream
- 6F4386
≈ Amaranth Purple
- 8C3F1C
≈ Chocolate Covered
对比度与无障碍
Ag
AA白底
WCAG 6.73:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.11:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--forest-empress: #3e6619;
--forest-empress-rgb: 62 102 25;
--forest-empress-oklch: oklch(0.464 0.115 133.2);
}
.element {
color: var(--forest-empress);
background-color: hsl(91 61% 25%);
border-color: oklch(0.464 0.115 133.2);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3e6619;
--color-forest-empress-50: #e7fddd;
--color-forest-empress-100: #d8f1cb;
--color-forest-empress-200: #bfe0af;
--color-forest-empress-300: #9ec58a;
--color-forest-empress-400: #83ad65;
--color-forest-empress-500: #679642;
--color-forest-empress-600: #577f39;
--color-forest-empress-700: #46662d;
--color-forest-empress-800: #344a1d;
--color-forest-empress-900: #233413;
--color-forest-empress-950: #121f05;
}SCSS
$forest-empress: #3e6619;
$forest-empress-rgb: 62, 102, 25;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}