أقرب لون مسمّى · #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);
}