最接近的命名颜色 · #DBFFF2
#DBFFF2
最接近的命名颜色: Candied Snow
#DBFFF2（rgb(219 255 242)、hsl(158 100% 93%)、oklch(0.971 0.041 171.6)）最接近命名颜色 Candied Snow。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DBFFF2
oklch(0.971 0.041 171.6)
颜色转换
- HEX
- #dbfff2
- RGB
- rgb(219 255 242)
- HSL
- hsl(158 100% 93%)
- HWB
- hwb(158 86% 0%)
- OKLCH
- oklch(0.971 0.041 171.6)
- OKLab
- oklab(0.971 -0.04 0.006)
- CIE Lab
- lab(97.16 -13.84 2.14)
- LCH
- lch(97.16 14.01 171.2)
- CMYK
- cmyk(14% 0% 5% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- DFFFF3
- E2FFF5
- E6FFF6
- EAFFF7
- EDFFF8
- F1FFFA
- F4FFFB
- F8FFFC
- FCFFFE
深色调
- BEDED2
- A2BEB4
- 879E96
- 6D8079
- 54635E
- 3C4843
- 262E2B
- 111614
- 020303
灰色调
- D2F2E6
- C8E4DA
- BFD7CE
- B6CAC3
- ADBEB7
- A4B1AC
- 9BA4A1
- 929896
- 898C8B
配色和谐
互补色 +180°
- DBFFF2
Candied Snow
- FFF1F7
≈ Lavender Blush
类似色 -30° +30°
- DBFFF2
Candied Snow
- E7FDE3
≈ Frosted Plains
- DCFDFF
≈ Apollo’s White
三角配色 +120° +240°
- DBFFF2
Candied Snow
- F5F4FF
≈ Sugar Crystal
- FFF3EC
≈ Ambrosia Ivory
分裂互补色 +150° +210°
- DBFFF2
Candied Snow
- FDF1FF
≈ Pinkish White
- FFF2F1
≈ Sefid White
四角配色 +90° +180° +270°
- DBFFF2
Candied Snow
- F0F6FF
≈ Cotton Ball
- FFF1F7
≈ Lavender Blush
- FFF4E1
≈ Creamy Cloud Dreams
对比度与无障碍
Ag
Fail白底
WCAG 1.07:1 · APCA Lc 0
Ag
AAA黑底
WCAG 19.59:1 · APCA Lc 103
最佳文字颜色: #000000
WCAG 19.59:1 (AAA) · APCA Lc 103
Contrast pairs
代码片段
CSS
:root {
--candied-snow: #dbfff2;
--candied-snow-rgb: 219 255 242;
--candied-snow-oklch: oklch(0.971 0.041 171.6);
}
.element {
color: var(--candied-snow);
background-color: hsl(158 100% 93%);
border-color: oklch(0.971 0.041 171.6);
}Tailwind CSS v4
@theme {
--color-candied-snow: #dbfff2;
--color-candied-snow-50: #eaf9f4;
--color-candied-snow-100: #dbede7;
--color-candied-snow-200: #c3dad3;
--color-candied-snow-300: #a3bfb6;
--color-candied-snow-400: #87a79b;
--color-candied-snow-500: #6b8f83;
--color-candied-snow-600: #5b796f;
--color-candied-snow-700: #486158;
--color-candied-snow-800: #344740;
--color-candied-snow-900: #24312c;
--color-candied-snow-950: #121d19;
}SCSS
$candied-snow: #dbfff2;
$candied-snow-rgb: 219, 255, 242;
$candied-snow-light: mix(#fff, $candied-snow, 20%);
$candied-snow-dark: mix(#000, $candied-snow, 20%);
.element {
color: $candied-snow;
box-shadow: 0 0 0 2px rgba($candied-snow, 0.35);
}