最接近的命名颜色 · #438D58
#438D58
最接近的命名颜色: Underclover
#438D58（rgb(67 141 88)、hsl(137 36% 41%)、oklch(0.582 0.11 150.9)）最接近命名颜色 Underclover。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#438D58
oklch(0.582 0.11 150.9)
颜色转换
- HEX
- #438d58
- RGB
- rgb(67 141 88)
- HSL
- hsl(137 36% 41%)
- HWB
- hwb(137 26% 45%)
- OKLCH
- oklch(0.582 0.11 150.9)
- OKLab
- oklab(0.582 -0.096 0.054)
- CIE Lab
- lab(52.88 -33.46 21.01)
- LCH
- lch(52.88 39.51 147.9)
- CMYK
- cmyk(52% 0% 38% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 579868
- 6AA378
- 7DAF88
- 90BA98
- A2C5A9
- B4D1BA
- C7DCCB
- D9E8DC
- ECF3ED
深色调
- 397A4B
- 2F673F
- 265533
- 1D4428
- 14331D
- 0C2312
- 051409
- 010703
- 000100
灰色调
- 4B8C5C
- 538B61
- 598A65
- 608869
- 66876D
- 6B8671
- 718475
- 768378
- 7B827C
配色和谐
互补色 +180°
- 438D58
Underclover
- A06199
≈ Heath Spotted Orchid
类似色 -30° +30°
- 438D58
Underclover
- 718432
≈ Khaki Green
- 008F7E
≈ Philips Green
三角配色 +120° +240°
- 438D58
Underclover
- 6376BC
≈ Flood
- B36052
≈ Chimayo Red
分裂互补色 +150° +210°
- 438D58
Underclover
- 866AB2
≈ Lavish Spending
- AF5D77
≈ Indian Pink
四角配色 +90° +180° +270°
- 438D58
Underclover
- 3282B6
≈ Curious Blue
- A06199
≈ Heath Spotted Orchid
- A96A2E
≈ Golden Oak
对比度与无障碍
Ag
Fail白底
WCAG 4.04:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.18:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--underclover: #438d58;
--underclover-rgb: 67 141 88;
--underclover-oklch: oklch(0.582 0.11 150.9);
}
.element {
color: var(--underclover);
background-color: hsl(137 36% 41%);
border-color: oklch(0.582 0.11 150.9);
}Tailwind CSS v4
@theme {
--color-underclover: #438d58;
--color-underclover-50: #deffe6;
--color-underclover-100: #cdf3d7;
--color-underclover-200: #b1e3be;
--color-underclover-300: #8bc89d;
--color-underclover-400: #6bb17d;
--color-underclover-500: #479a5f;
--color-underclover-600: #3d8351;
--color-underclover-700: #316940;
--color-underclover-800: #244d2d;
--color-underclover-900: #18351e;
--color-underclover-950: #08200e;
}SCSS
$underclover: #438d58;
$underclover-rgb: 67, 141, 88;
$underclover-light: mix(#fff, $underclover, 20%);
$underclover-dark: mix(#000, $underclover, 20%);
.element {
color: $underclover;
box-shadow: 0 0 0 2px rgba($underclover, 0.35);
}