لون مسمّى · #DFEBD6
Mineral Water
Mineral Water هو #DFEBD6: rgb(223 235 214)، hsl(94 34% 88%)، oklch(0.925 0.031 131.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Mineral Water color name →
#DFEBD6
oklch(0.925 0.031 131.6)
تحويلات الألوان
- HEX
- #dfebd6
- RGB
- rgb(223 235 214)
- HSL
- hsl(94 34% 88%)
- HWB
- hwb(94 84% 8%)
- OKLCH
- oklch(0.925 0.031 131.6)
- OKLab
- oklab(0.925 -0.02 0.023)
- CIE Lab
- lab(91.71 -6.91 8.79)
- LCH
- lch(91.71 11.18 128.2)
- CMYK
- cmyk(5% 0% 9% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2EDDA
- E5EFDE
- E9F1E2
- ECF3E6
- EFF5EA
- F2F7EF
- F5F9F3
- F9FBF7
- FCFDFB
درجات داكنة
- C2CCBA
- A5AE9E
- 8A9184
- 6F756A
- 565B52
- 3D413B
- 272925
- 121310
- 020302
درجات رمادية
- D5E0CD
- CBD5C4
- C2CABB
- B8BFB3
- AEB4AA
- A5A9A1
- 9B9F99
- 929491
- 898A88
تناسق الألوان
متمم +180°
- DFEBD6
Mineral Water
- EDE1F6
≈ Sheer Lavender
متجاور -30° +30°
- DFEBD6
Mineral Water
- EAE7D0
≈ Abbey White
- D5EDE0
≈ Warm Winter
ثلاثي +120° +240°
- DFEBD6
Mineral Water
- D8E8FB
≈ Cloudless
- FADEE1
≈ Cake Frosting
متمم منقسم +150° +210°
- DFEBD6
Mineral Water
- E2E4FB
≈ Lavender Mist
- F6DFEC
≈ Taffeta Tint
رباعي +90° +180° +270°
- DFEBD6
Mineral Water
- D1ECF5
≈ Chalky Blue White
- EDE1F6
≈ Sheer Lavender
- F9E0D7
≈ Veiled Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.99:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mineral-water: #dfebd6;
--mineral-water-rgb: 223 235 214;
--mineral-water-oklch: oklch(0.925 0.031 131.6);
}
.element {
color: var(--mineral-water);
background-color: hsl(94 34% 88%);
border-color: oklch(0.925 0.031 131.6);
}Tailwind CSS v4
@theme {
--color-mineral-water: #dfebd6;
--color-mineral-water-50: #f2f7ee;
--color-mineral-water-100: #e4eae0;
--color-mineral-water-200: #cfd7ca;
--color-mineral-water-300: #b1bbab;
--color-mineral-water-400: #98a390;
--color-mineral-water-500: #7f8b76;
--color-mineral-water-600: #6b7564;
--color-mineral-water-700: #565e50;
--color-mineral-water-800: #3f4539;
--color-mineral-water-900: #2b2f27;
--color-mineral-water-950: #191c15;
}SCSS
$mineral-water: #dfebd6;
$mineral-water-rgb: 223, 235, 214;
$mineral-water-light: mix(#fff, $mineral-water, 20%);
$mineral-water-dark: mix(#000, $mineral-water, 20%);
.element {
color: $mineral-water;
box-shadow: 0 0 0 2px rgba($mineral-water, 0.35);
}