命名颜色 · #D1E9C4
Green Song
Green Song 即 #D1E9C4：rgb(209 233 196)、hsl(99 46% 84%)、oklch(0.907 0.056 134.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Green Song color name →
#D1E9C4
oklch(0.907 0.056 134.5)
颜色转换
- HEX
- #d1e9c4
- RGB
- rgb(209 233 196)
- HSL
- hsl(99 46% 84%)
- HWB
- hwb(99 77% 9%)
- OKLCH
- oklch(0.907 0.056 134.5)
- OKLab
- oklab(0.907 -0.039 0.04)
- CIE Lab
- lab(89.84 -13.15 15.26)
- LCH
- lch(89.84 20.14 130.7)
- CMYK
- cmyk(10% 0% 16% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- D6EBCA
- DAEDD0
- DFF0D6
- E3F2DC
- E8F4E1
- EDF6E7
- F1F8ED
- F6FBF3
- FAFDF9
深色调
- B5CBAA
- 9BAD91
- 819078
- 687461
- 505A4A
- 394135
- 232921
- 10130E
- 020302
灰色调
- C9DEBD
- C0D3B6
- B8C8AF
- B0BEA8
- A8B3A2
- A0A99B
- 989E94
- 90948D
- 888A87
配色和谐
互补色 +180°
- D1E9C4
Green Song
- EED6FA
≈ Scented Spring
类似色 -30° +30°
- D1E9C4
Green Song
- E5E3B8
≈ Schabziger Green
- BFECD7
≈ Seafoam Pearl
三角配色 +120° +240°
- D1E9C4
Green Song
- CCE2FF
≈ Arc Light
- FFD4D6
≈ We Peep
分裂互补色 +150° +210°
- D1E9C4
Green Song
- DCDDFF
≈ Transparent Blue
- FCD2E9
≈ Little Smile
四角配色 +90° +180° +270°
- D1E9C4
Green Song
- B9E9FC
≈ Blue Java Banana
- EED6FA
≈ Scented Spring
- FFD6C5
≈ Tiny Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.16:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--green-song: #d1e9c4;
--green-song-rgb: 209 233 196;
--green-song-oklch: oklch(0.907 0.056 134.5);
}
.element {
color: var(--green-song);
background-color: hsl(99 46% 84%);
border-color: oklch(0.907 0.056 134.5);
}Tailwind CSS v4
@theme {
--color-green-song: #d1e9c4;
--color-green-song-50: #eef9ea;
--color-green-song-100: #e0edda;
--color-green-song-200: #cadac3;
--color-green-song-300: #abbea3;
--color-green-song-400: #91a685;
--color-green-song-500: #778f69;
--color-green-song-600: #657959;
--color-green-song-700: #506147;
--color-green-song-800: #3b4733;
--color-green-song-900: #283122;
--color-green-song-950: #161d12;
}SCSS
$green-song: #d1e9c4;
$green-song-rgb: 209, 233, 196;
$green-song-light: mix(#fff, $green-song, 20%);
$green-song-dark: mix(#000, $green-song, 20%);
.element {
color: $green-song;
box-shadow: 0 0 0 2px rgba($green-song, 0.35);
}