لون مسمّى · #D9E6E0
Blush Mint
Blush Mint هو #D9E6E0: rgb(217 230 224)، hsl(152 21% 88%)، oklch(0.913 0.016 166.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Blush Mint color name →
#D9E6E0
oklch(0.913 0.016 166.7)
تحويلات الألوان
- HEX
- #d9e6e0
- RGB
- rgb(217 230 224)
- HSL
- hsl(152 21% 88%)
- HWB
- hwb(152 85% 10%)
- OKLCH
- oklch(0.913 0.016 166.7)
- OKLab
- oklab(0.913 -0.016 0.004)
- CIE Lab
- lab(90.18 -5.31 1.36)
- LCH
- lch(90.18 5.49 165.7)
- CMYK
- cmyk(6% 0% 3% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DDE8E3
- E1EBE6
- E4EDE9
- E8F0EC
- ECF2EF
- F0F5F3
- F4F7F6
- F7FAF9
- FBFCFC
درجات داكنة
- BCC8C3
- A1ABA6
- 868E8A
- 6C7370
- 535956
- 3B403E
- 252827
- 111312
- 020302
درجات رمادية
- D0DBD6
- C7D1CC
- BDC6C2
- B4BCB8
- ABB2AF
- A3A7A5
- 9A9D9C
- 919492
- 898A89
تناسق الألوان
متمم +180°
- D9E6E0
Blush Mint
- EBDEE4
≈ Weak Mauve
متجاور -30° +30°
- D9E6E0
Blush Mint
- DEE5DB
≈ Distant Haze
- D7E6E6
≈ Interdimensional Portal
ثلاثي +120° +240°
- D9E6E0
Blush Mint
- E1E1ED
≈ Opus Magnum
- ECDFDA
≈ Touchable Pink
متمم منقسم +150° +210°
- D9E6E0
Blush Mint
- E7DFEA
≈ Lilac Frost
- EDDEDF
≈ Reduced Red
رباعي +90° +180° +270°
- D9E6E0
Blush Mint
- DCE3ED
≈ Iceberg
- EBDEE4
≈ Weak Mauve
- E9E1D7
≈ Sharp-Rip Drill
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.28:1 · APCA Lc 14
Ag
AAAعلى الأسود
WCAG 16.34:1 · APCA Lc 90
أفضل لون للنص: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blush-mint: #d9e6e0;
--blush-mint-rgb: 217 230 224;
--blush-mint-oklch: oklch(0.913 0.016 166.7);
}
.element {
color: var(--blush-mint);
background-color: hsl(152 21% 88%);
border-color: oklch(0.913 0.016 166.7);
}Tailwind CSS v4
@theme {
--color-blush-mint: #d9e6e0;
--color-blush-mint-50: #f1f7f4;
--color-blush-mint-100: #e3eae7;
--color-blush-mint-200: #ced6d3;
--color-blush-mint-300: #b0bab6;
--color-blush-mint-400: #96a29c;
--color-blush-mint-500: #7d8a84;
--color-blush-mint-600: #6a7570;
--color-blush-mint-700: #545d59;
--color-blush-mint-800: #3d4441;
--color-blush-mint-900: #2a2f2d;
--color-blush-mint-950: #181c1a;
}SCSS
$blush-mint: #d9e6e0;
$blush-mint-rgb: 217, 230, 224;
$blush-mint-light: mix(#fff, $blush-mint, 20%);
$blush-mint-dark: mix(#000, $blush-mint, 20%);
.element {
color: $blush-mint;
box-shadow: 0 0 0 2px rgba($blush-mint, 0.35);
}