最接近的命名颜色 · #DBE6ED
#DBE6ED
最接近的命名颜色: White Frost
#DBE6ED（rgb(219 230 237)、hsl(203 33% 89%)、oklch(0.919 0.015 235.4)）最接近命名颜色 White Frost。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DBE6ED
oklch(0.919 0.015 235.4)
颜色转换
- HEX
- #dbe6ed
- RGB
- rgb(219 230 237)
- HSL
- hsl(203 33% 89%)
- HWB
- hwb(203 86% 7%)
- OKLCH
- oklch(0.919 0.015 235.4)
- OKLab
- oklab(0.919 -0.009 -0.013)
- CIE Lab
- lab(90.61 -2.81 -4.75)
- LCH
- lch(90.61 5.52 239.4)
- CMYK
- cmyk(8% 3% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- DFE8EF
- E2EBF1
- E6EDF2
- E9F0F4
- EDF2F6
- F1F5F8
- F4F7FA
- F8FAFB
- FBFCFD
深色调
- BEC8CE
- A2ABB0
- 878E93
- 6D7377
- 54595C
- 3C4042
- 26282A
- 111314
- 020303
灰色调
- D2DBE2
- C8D1D6
- BFC6CB
- B6BCC0
- ACB2B5
- A3A7AA
- 9A9D9F
- 919495
- 898A8A
配色和谐
互补色 +180°
- DBE6ED
White Frost
- EDE2DB
≈ Bistro Napkin
类似色 -30° +30°
- DBE6ED
White Frost
- D9E7E9
≈ Soft Blue White
- DFE4EF
≈ Iris Ice
三角配色 +120° +240°
- DBE6ED
White Frost
- EDE0E4
≈ Barely Rose
- E3E6DA
≈ Lincolnshire Sausage
分裂互补色 +150° +210°
- DBE6ED
White Frost
- EEE0DF
≈ Rose Cream
- E9E4D9
≈ Shoelace
四角配色 +90° +180° +270°
- DBE6ED
White Frost
- EAE1EA
≈ Tiara Jewel
- EDE2DB
≈ Bistro Napkin
- DEE7DE
≈ Moist Silver
对比度与无障碍
Ag
Fail白底
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黑底
WCAG 16.55:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--white-frost: #dbe6ed;
--white-frost-rgb: 219 230 237;
--white-frost-oklch: oklch(0.919 0.015 235.4);
}
.element {
color: var(--white-frost);
background-color: hsl(203 33% 89%);
border-color: oklch(0.919 0.015 235.4);
}Tailwind CSS v4
@theme {
--color-white-frost: #dbe6ed;
--color-white-frost-50: #f1f6f9;
--color-white-frost-100: #e3e9ec;
--color-white-frost-200: #ced5da;
--color-white-frost-300: #b0b9be;
--color-white-frost-400: #96a0a6;
--color-white-frost-500: #7d888f;
--color-white-frost-600: #6a7379;
--color-white-frost-700: #555c61;
--color-white-frost-800: #3d4347;
--color-white-frost-900: #2a2f31;
--color-white-frost-950: #181b1d;
}SCSS
$white-frost: #dbe6ed;
$white-frost-rgb: 219, 230, 237;
$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);
}