لون مسمّى · #A7C5CE
Salt Spray
Salt Spray هو #A7C5CE: rgb(167 197 206)، hsl(194 28% 73%)، oklch(0.804 0.035 217.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Salt Spray color name →
#A7C5CE
oklch(0.804 0.035 217.8)
تحويلات الألوان
- HEX
- #a7c5ce
- RGB
- rgb(167 197 206)
- HSL
- hsl(194 28% 73%)
- HWB
- hwb(194 65% 19%)
- OKLCH
- oklch(0.804 0.035 217.8)
- OKLab
- oklab(0.804 -0.027 -0.021)
- CIE Lab
- lab(77.5 -9.01 -8.08)
- LCH
- lch(77.5 12.1 221.9)
- CMYK
- cmyk(19% 4% 0% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B0CBD3
- B8D0D8
- C1D6DD
- CADCE1
- D3E2E6
- DBE8EB
- E4EDF0
- EDF3F5
- F6F9FA
درجات داكنة
- 91ABB3
- 7B9298
- 66797F
- 526166
- 3E4B4E
- 2C3538
- 1A2123
- 0A0E0F
- 010202
درجات رمادية
- A3BEC6
- 9FB7BE
- 9BB0B6
- 98A9AE
- 94A2A6
- 909B9E
- 8C9497
- 888D8F
- 848788
تناسق الألوان
متمم +180°
- A7C5CE
Salt Spray
- D4B8AF
≈ Cracker Crumbs
متجاور -30° +30°
- A7C5CE
Salt Spray
- A7C7C3
≈ Peppermint Pie
- AEC2D5
≈ Airway
ثلاثي +120° +240°
- A7C5CE
Salt Spray
- CFB7C7
≈ Soft Amethyst
- C5C0A7
≈ Mandu Dumpling
متمم منقسم +150° +210°
- A7C5CE
Salt Spray
- D4B6BB
≈ Rose Stain
- CFBBA8
≈ Chinchilla Chenille
رباعي +90° +180° +270°
- A7C5CE
Salt Spray
- C5B9D1
≈ Fog Syringa
- D4B8AF
≈ Cracker Crumbs
- B9C4AC
≈ Arbor Vitae
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.82:1 · APCA Lc 34
Ag
AAAعلى الأسود
WCAG 11.52:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--salt-spray: #a7c5ce;
--salt-spray-rgb: 167 197 206;
--salt-spray-oklch: oklch(0.804 0.035 217.8);
}
.element {
color: var(--salt-spray);
background-color: hsl(194 28% 73%);
border-color: oklch(0.804 0.035 217.8);
}Tailwind CSS v4
@theme {
--color-salt-spray: #a7c5ce;
--color-salt-spray-50: #ebf8fc;
--color-salt-spray-100: #dcebf0;
--color-salt-spray-200: #c5d8df;
--color-salt-spray-300: #a5bcc4;
--color-salt-spray-400: #88a4ac;
--color-salt-spray-500: #6d8c96;
--color-salt-spray-600: #5c777e;
--color-salt-spray-700: #4a5f65;
--color-salt-spray-800: #35464a;
--color-salt-spray-900: #243033;
--color-salt-spray-950: #131c1f;
}SCSS
$salt-spray: #a7c5ce;
$salt-spray-rgb: 167, 197, 206;
$salt-spray-light: mix(#fff, $salt-spray, 20%);
$salt-spray-dark: mix(#000, $salt-spray, 20%);
.element {
color: $salt-spray;
box-shadow: 0 0 0 2px rgba($salt-spray, 0.35);
}