最接近的命名颜色 · #D5E5DF
#D5E5DF
最接近的命名颜色: Tropical Dream
#D5E5DF（rgb(213 229 223)、hsl(157 24% 87%)、oklch(0.908 0.019 171.5)）最接近命名颜色 Tropical Dream。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D5E5DF
oklch(0.908 0.019 171.5)
颜色转换
- HEX
- #d5e5df
- RGB
- rgb(213 229 223)
- HSL
- hsl(157 24% 87%)
- HWB
- hwb(157 84% 10%)
- OKLCH
- oklch(0.908 0.019 171.5)
- OKLab
- oklab(0.908 -0.019 0.003)
- CIE Lab
- lab(89.6 -6.35 1.01)
- LCH
- lch(89.6 6.43 171)
- CMYK
- cmyk(7% 0% 3% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- D9E8E2
- DDEAE5
- E2EDE9
- E6EFEC
- EAF2EF
- EEF5F2
- F2F7F5
- F7FAF9
- FBFCFC
深色调
- B9C7C2
- 9EAAA5
- 838E8A
- 6A726F
- 515856
- 3A3F3D
- 242827
- 101212
- 020302
灰色调
- CCDAD5
- C3D0CB
- BBC6C2
- B2BBB8
- AAB1AE
- A1A7A5
- 999D9B
- 909392
- 888A89
配色和谐
互补色 +180°
- D5E5DF
Tropical Dream
- EBDCE2
≈ Purple Emulsion
类似色 -30° +30°
- D5E5DF
Tropical Dream
- DAE4D8
≈ Lightest Sky
- D3E5E6
≈ Waterfront
三角配色 +120° +240°
- D5E5DF
Tropical Dream
- E0DFED
≈ Imagination
- ECDED6
≈ Berry Frost
分裂互补色 +150° +210°
- D5E5DF
Tropical Dream
- E7DDE8
≈ Faint Fuchsia
- EDDCDB
≈ Hyper Light Drifter
四角配色 +90° +180° +270°
- D5E5DF
Tropical Dream
- DAE1EE
≈ Vaguely Violet
- EBDCE2
≈ Purple Emulsion
- E7E0D3
≈ Herare White
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.10:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--tropical-dream: #d5e5df;
--tropical-dream-rgb: 213 229 223;
--tropical-dream-oklch: oklch(0.908 0.019 171.5);
}
.element {
color: var(--tropical-dream);
background-color: hsl(157 24% 87%);
border-color: oklch(0.908 0.019 171.5);
}Tailwind CSS v4
@theme {
--color-tropical-dream: #d5e5df;
--color-tropical-dream-50: #f0f7f5;
--color-tropical-dream-100: #e2eae7;
--color-tropical-dream-200: #cdd7d3;
--color-tropical-dream-300: #aebbb6;
--color-tropical-dream-400: #94a29d;
--color-tropical-dream-500: #7a8a84;
--color-tropical-dream-600: #687570;
--color-tropical-dream-700: #535e5a;
--color-tropical-dream-800: #3c4541;
--color-tropical-dream-900: #292f2d;
--color-tropical-dream-950: #171c1a;
}SCSS
$tropical-dream: #d5e5df;
$tropical-dream-rgb: 213, 229, 223;
$tropical-dream-light: mix(#fff, $tropical-dream, 20%);
$tropical-dream-dark: mix(#000, $tropical-dream, 20%);
.element {
color: $tropical-dream;
box-shadow: 0 0 0 2px rgba($tropical-dream, 0.35);
}