命名颜色 · #C5EAD3
Delicate Frost
Delicate Frost 即 #C5EAD3：rgb(197 234 211)、hsl(143 47% 85%)、oklch(0.904 0.05 158)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Delicate Frost color name →
#C5EAD3
oklch(0.904 0.05 158)
颜色转换
- HEX
- #c5ead3
- RGB
- rgb(197 234 211)
- HSL
- hsl(143 47% 85%)
- HWB
- hwb(143 77% 8%)
- OKLCH
- oklch(0.904 0.05 158)
- OKLab
- oklab(0.904 -0.046 0.019)
- CIE Lab
- lab(89.56 -15.8 6.99)
- LCH
- lch(89.56 17.27 156.1)
- CMYK
- cmyk(16% 0% 10% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- CBECD7
- D1EEDC
- D7F0E0
- DCF2E4
- E2F5E9
- E8F7ED
- EEF9F2
- F4FBF6
- F9FDFB
深色调
- ABCBB7
- 92AE9C
- 799182
- 617569
- 4B5A51
- 35413A
- 212924
- 0E1310
- 020302
灰色调
- BEDFCA
- B7D4C2
- B0C9B9
- A9BEB1
- A2B4A9
- 9BA9A0
- 949F98
- 8E9490
- 878A88
配色和谐
互补色 +180°
- C5EAD3
Delicate Frost
- F6D3EB
≈ Little Smile
类似色 -30° +30°
- C5EAD3
Delicate Frost
- D6E6C3
≈ Green Vibes
- BBEBE5
≈ Luxor Blue
三角配色 +120° +240°
- C5EAD3
Delicate Frost
- D7DDFF
≈ Transparent Blue
- FED5C8
≈ Tiny Pink
分裂互补色 +150° +210°
- C5EAD3
Delicate Frost
- E8D7F9
≈ Pouty Purple
- FED2D9
≈ Pink Fluorite
四角配色 +90° +180° +270°
- C5EAD3
Delicate Frost
- C7E3FF
≈ Fresh Water
- F6D3EB
≈ Little Smile
- F6DABD
≈ Morning Blossom
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.08:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--delicate-frost: #c5ead3;
--delicate-frost-rgb: 197 234 211;
--delicate-frost-oklch: oklch(0.904 0.05 158);
}
.element {
color: var(--delicate-frost);
background-color: hsl(143 47% 85%);
border-color: oklch(0.904 0.05 158);
}Tailwind CSS v4
@theme {
--color-delicate-frost: #c5ead3;
--color-delicate-frost-50: #eafaf0;
--color-delicate-frost-100: #dbede2;
--color-delicate-frost-200: #c3dbcd;
--color-delicate-frost-300: #a2c0af;
--color-delicate-frost-400: #86a893;
--color-delicate-frost-500: #6a917a;
--color-delicate-frost-600: #5a7a67;
--color-delicate-frost-700: #486252;
--color-delicate-frost-800: #34483b;
--color-delicate-frost-900: #243229;
--color-delicate-frost-950: #131e16;
}SCSS
$delicate-frost: #c5ead3;
$delicate-frost-rgb: 197, 234, 211;
$delicate-frost-light: mix(#fff, $delicate-frost, 20%);
$delicate-frost-dark: mix(#000, $delicate-frost, 20%);
.element {
color: $delicate-frost;
box-shadow: 0 0 0 2px rgba($delicate-frost, 0.35);
}