最接近的命名颜色 · #DCE5EC
#DCE5EC
最接近的命名颜色: White Frost
#DCE5EC（rgb(220 229 236)、hsl(206 30% 89%)、oklch(0.917 0.014 241)）最接近命名颜色 White Frost。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DCE5EC
oklch(0.917 0.014 241)
颜色转换
- HEX
- #dce5ec
- RGB
- rgb(220 229 236)
- HSL
- hsl(206 30% 89%)
- HWB
- hwb(206 86% 7%)
- OKLCH
- oklch(0.917 0.014 241)
- OKLab
- oklab(0.917 -0.007 -0.012)
- CIE Lab
- lab(90.4 -2.14 -4.52)
- LCH
- lch(90.4 5 244.7)
- CMYK
- cmyk(7% 3% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- DFE8EE
- E3EAF0
- E6EDF2
- EAEFF4
- EDF2F5
- F1F5F7
- F4F7F9
- F8FAFB
- FBFCFD
深色调
- BFC7CD
- A3AAAF
- 888E92
- 6E7276
- 54585B
- 3C3F42
- 262829
- 111213
- 020303
灰色调
- D2DAE1
- C9D0D5
- BFC6CA
- B6BBBF
- ADB1B5
- A4A7AA
- 9B9D9F
- 929395
- 898A8A
配色和谐
互补色 +180°
- DCE5EC
White Frost
- EBE2DB
≈ Newmarket Sausage
类似色 -30° +30°
- DCE5EC
White Frost
- DAE6E9
≈ Airy
- E0E3ED
≈ Iris Ice
三角配色 +120° +240°
- DCE5EC
White Frost
- ECE0E3
≈ Barely Rose
- E2E5DB
≈ Water Droplet
分裂互补色 +150° +210°
- DCE5EC
White Frost
- EDE1DE
≈ Patient White
- E7E3DA
≈ Foggy Day
四角配色 +90° +180° +270°
- DCE5EC
White Frost
- E9E0E8
≈ Tiara Jewel
- EBE2DB
≈ Newmarket Sausage
- DDE6DF
≈ Porcelain Mint
对比度与无障碍
Ag
Fail白底
WCAG 1.27:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.46:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--white-frost: #dce5ec;
--white-frost-rgb: 220 229 236;
--white-frost-oklch: oklch(0.917 0.014 241);
}
.element {
color: var(--white-frost);
background-color: hsl(206 30% 89%);
border-color: oklch(0.917 0.014 241);
}Tailwind CSS v4
@theme {
--color-white-frost: #dce5ec;
--color-white-frost-50: #f2f6f9;
--color-white-frost-100: #e4e8ec;
--color-white-frost-200: #cfd5da;
--color-white-frost-300: #b2b8be;
--color-white-frost-400: #98a0a6;
--color-white-frost-500: #7f888f;
--color-white-frost-600: #6b7379;
--color-white-frost-700: #565c60;
--color-white-frost-800: #3e4347;
--color-white-frost-900: #2b2e31;
--color-white-frost-950: #181b1d;
}SCSS
$white-frost: #dce5ec;
$white-frost-rgb: 220, 229, 236;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}