最接近的命名颜色 · #DDF8F8
#DDF8F8
最接近的命名颜色: Bubbles
#DDF8F8（rgb(221 248 248)、hsl(180 66% 92%)、oklch(0.96 0.028 196.7)）最接近命名颜色 Bubbles。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DDF8F8
oklch(0.96 0.028 196.7)
颜色转换
- HEX
- #ddf8f8
- RGB
- rgb(221 248 248)
- HSL
- hsl(180 66% 92%)
- HWB
- hwb(180 87% 3%)
- OKLCH
- oklch(0.96 0.028 196.7)
- OKLab
- oklab(0.96 -0.027 -0.008)
- CIE Lab
- lab(95.61 -9.09 -3.14)
- LCH
- lch(95.61 9.62 199.1)
- CMYK
- cmyk(11% 0% 0% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- E0F9F9
- E4F9F9
- E7FAFA
- EBFBFB
- EEFCFC
- F2FCFC
- F5FDFD
- F8FEFE
- FCFEFE
深色调
- C0D8D8
- A4B8B8
- 889A9A
- 6E7C7C
- 556060
- 3D4545
- 262C2C
- 111515
- 020303
灰色调
- D3EBEB
- CADFDF
- C0D3D3
- B7C6C6
- AEBABA
- A4AEAE
- 9BA2A2
- 929797
- 898B8B
配色和谐
互补色 +180°
- DDF8F8
Bubbles
- FFEDED
≈ White Gloss
类似色 -30° +30°
- DDF8F8
Bubbles
- E1F8EE
≈ Frosty Mint
- E1F6FF
≈ Glacial Day
三角配色 +120° +240°
- DDF8F8
Bubbles
- FAECFF
≈ Placebo Fuchsia
- FDF0DD
≈ White Grapefruit
分裂互补色 +150° +210°
- DDF8F8
Bubbles
- FFEBF5
≈ Fairy Wings
- FFEEE6
≈ Peach Breeze
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.11:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.85:1 · APCA Lc 100
最佳文字颜色: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--bubbles: #ddf8f8;
--bubbles-rgb: 221 248 248;
--bubbles-oklch: oklch(0.96 0.028 196.7);
}
.element {
color: var(--bubbles);
background-color: hsl(180 66% 92%);
border-color: oklch(0.96 0.028 196.7);
}Tailwind CSS v4
@theme {
--color-bubbles: #ddf8f8;
--color-bubbles-50: #ecf8f8;
--color-bubbles-100: #deebeb;
--color-bubbles-200: #c7d8d9;
--color-bubbles-300: #a8bcbd;
--color-bubbles-400: #8ca4a4;
--color-bubbles-500: #718c8c;
--color-bubbles-600: #607777;
--color-bubbles-700: #4c5f5f;
--color-bubbles-800: #374645;
--color-bubbles-900: #263030;
--color-bubbles-950: #141c1c;
}SCSS
$bubbles: #ddf8f8;
$bubbles-rgb: 221, 248, 248;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}