أقرب لون مسمّى · #D0F9F9
#D0F9F9
أقرب لون مسمّى: Salt Mountain
#D0F9F9 (rgb(208 249 249)، hsl(180 77% 90%)، oklch(0.953 0.042 196.5)) أقرب إلى اللون المسمّى Salt Mountain. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D0F9F9
oklch(0.953 0.042 196.5)
تحويلات الألوان
- HEX
- #d0f9f9
- RGB
- rgb(208 249 249)
- HSL
- hsl(180 77% 90%)
- HWB
- hwb(180 82% 2%)
- OKLCH
- oklch(0.953 0.042 196.5)
- OKLab
- oklab(0.953 -0.04 -0.012)
- CIE Lab
- lab(95.03 -13.61 -4.62)
- LCH
- lch(95.03 14.38 198.8)
- CMYK
- cmyk(16% 0% 0% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D5FAFA
- DAFAFA
- DFFBFB
- E3FCFB
- E8FCFC
- EDFDFD
- F1FDFD
- F6FEFE
- FAFEFE
درجات داكنة
- B5D9D9
- 9AB9B9
- 809A9A
- 677D7D
- 4F6161
- 394646
- 232C2C
- 101515
- 020303
درجات رمادية
- C8ECEC
- C0E0E0
- B8D3D3
- B0C7C7
- A8BBBB
- A0AFAF
- 98A3A3
- 909797
- 888B8B
تناسق الألوان
متمم +180°
- D0F9F9
Salt Mountain
- FFEAEA
≈ Pink Lemonade
متجاور -30° +30°
- D0F9F9
Salt Mountain
- D6F9E9
≈ Cactus Water
- DCF4FF
≈ Wizard White
ثلاثي +120° +240°
- D0F9F9
Salt Mountain
- F9E9FF
≈ Placebo Fuchsia
- FFEDD3
≈ Crushed Cashew
متمم منقسم +150° +210°
- D0F9F9
Salt Mountain
- FFE8F3
≈ Fairy Dust
- FFEBE2
≈ Peach Breeze
رباعي +90° +180° +270°
- D0F9F9
Salt Mountain
- EEEEFF
≈ Carte Blanche
- FFEAEA
≈ Pink Lemonade
- F3F2D2
≈ Lime Blossom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.12:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.60:1 · APCA Lc 99
أفضل لون للنص: #000000
WCAG 18.60:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--salt-mountain: #d0f9f9;
--salt-mountain-rgb: 208 249 249;
--salt-mountain-oklch: oklch(0.953 0.042 196.5);
}
.element {
color: var(--salt-mountain);
background-color: hsl(180 77% 90%);
border-color: oklch(0.953 0.042 196.5);
}Tailwind CSS v4
@theme {
--color-salt-mountain: #d0f9f9;
--color-salt-mountain-50: #e8f9f9;
--color-salt-mountain-100: #d9eced;
--color-salt-mountain-200: #c0dadb;
--color-salt-mountain-300: #9fbebf;
--color-salt-mountain-400: #82a7a7;
--color-salt-mountain-500: #658f8f;
--color-salt-mountain-600: #567979;
--color-salt-mountain-700: #446161;
--color-salt-mountain-800: #314747;
--color-salt-mountain-900: #213131;
--color-salt-mountain-950: #111d1d;
}SCSS
$salt-mountain: #d0f9f9;
$salt-mountain-rgb: 208, 249, 249;
$salt-mountain-light: mix(#fff, $salt-mountain, 20%);
$salt-mountain-dark: mix(#000, $salt-mountain, 20%);
.element {
color: $salt-mountain;
box-shadow: 0 0 0 2px rgba($salt-mountain, 0.35);
}