最接近的命名颜色 · #3C7300
#3C7300
最接近的命名颜色: Forest Empress
#3C7300（rgb(60 115 0)、hsl(89 100% 23%)、oklch(0.498 0.144 134.4)）最接近命名颜色 Forest Empress。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3C7300
oklch(0.498 0.144 134.4)
颜色转换
- HEX
- #3c7300
- RGB
- rgb(60 115 0)
- HSL
- hsl(89 100% 23%)
- HWB
- hwb(89 0% 55%)
- OKLCH
- oklch(0.498 0.144 134.4)
- OKLab
- oklab(0.498 -0.101 0.103)
- CIE Lab
- lab(43.21 -32.03 46.96)
- LCH
- lch(43.21 56.84 124.3)
- CMYK
- cmyk(48% 0% 100% 55%)
浅色调 · 深色调 · 灰色调
浅色调
- 4F812A
- 628E44
- 759C5C
- 88AA73
- 9BB88A
- AEC6A1
- C2D4B8
- D6E2CF
- EAF1E7
深色调
- 336300
- 2A5400
- 214500
- 193600
- 112800
- 0A1B00
- 040F00
- 010500
- 000100
灰色调
- 44751C
- 4B762C
- 527839
- 597945
- 5F7B4F
- 667C5A
- 6D7D63
- 737E6D
- 7A7F77
配色和谐
互补色 +180°
- 3C7300
Forest Empress
- 80449A
≈ Purple Pleasures
类似色 -30° +30°
- 3C7300
Forest Empress
- 6D6500
≈ Earthy Khaki Green
- 007553
≈ Green Velvet
三角配色 +120° +240°
- 3C7300
Forest Empress
- 1962B2
≈ Les Cavaliers Beach
- A43649
≈ Scarlet Ribbons
分裂互补色 +150° +210°
- 3C7300
Forest Empress
- 5C52B0
≈ Brandywine Raspberry
- 983A76
≈ Magenta Red
四角配色 +90° +180° +270°
- 3C7300
Forest Empress
- 006D8A
≈ Private Eye
- 80449A
≈ Purple Pleasures
- A24000
≈ Powdered Coffee
对比度与无障碍
Ag
AA白底
WCAG 5.76:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.64:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--forest-empress: #3c7300;
--forest-empress-rgb: 60 115 0;
--forest-empress-oklch: oklch(0.498 0.144 134.4);
}
.element {
color: var(--forest-empress);
background-color: hsl(89 100% 23%);
border-color: oklch(0.498 0.144 134.4);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7300;
--color-forest-empress-50: #e3ffd7;
--color-forest-empress-100: #d2f4c4;
--color-forest-empress-200: #b8e3a6;
--color-forest-empress-300: #95c87e;
--color-forest-empress-400: #79b155;
--color-forest-empress-500: #5b9a28;
--color-forest-empress-600: #4d8224;
--color-forest-empress-700: #3e681d;
--color-forest-empress-800: #2e4c10;
--color-forest-empress-900: #1f350a;
--color-forest-empress-950: #0f2000;
}SCSS
$forest-empress: #3c7300;
$forest-empress-rgb: 60, 115, 0;
$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);
}