لون مسمّى · #93C5DD
Caribbean Coast
Caribbean Coast هو #93C5DD: rgb(147 197 221)، hsl(199 52% 72%)، oklch(0.797 0.062 229.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Caribbean Coast color name →
#93C5DD
oklch(0.797 0.062 229.1)
تحويلات الألوان
- HEX
- #93c5dd
- RGB
- rgb(147 197 221)
- HSL
- hsl(199 52% 72%)
- HWB
- hwb(199 58% 13%)
- OKLCH
- oklch(0.797 0.062 229.1)
- OKLab
- oklab(0.797 -0.041 -0.047)
- CIE Lab
- lab(76.62 -12.63 -17.59)
- LCH
- lch(76.62 21.65 234.3)
- CMYK
- cmyk(33% 11% 0% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9ECBE0
- A9D1E4
- B4D6E7
- BFDCEB
- C9E2EE
- D4E8F2
- DFEEF5
- E9F3F8
- F4F9FC
درجات داكنة
- 7FABC0
- 6C92A4
- 597988
- 47616E
- 364B55
- 25353D
- 162126
- 080E11
- 010202
درجات رمادية
- 92BED3
- 90B7CA
- 8EB0C0
- 8DA9B7
- 8BA2AE
- 899BA4
- 87949B
- 858E92
- 828789
تناسق الألوان
متمم +180°
- 93C5DD
Caribbean Coast
- DFB19A
≈ Pink Sand
متجاور -30° +30°
- 93C5DD
Caribbean Coast
- 8CC9CC
≈ Embellished Blue
- A5BEE5
≈ Blue Lips
ثلاثي +120° +240°
- 93C5DD
Caribbean Coast
- DCADC3
≈ Roseate Spoonbill
- BFC092
≈ Brimstone Butterfly
متمم منقسم +150° +210°
- 93C5DD
Caribbean Coast
- E2ADAD
≈ Grim Pink
- D3B990
≈ Creamy Nougat
رباعي +90° +180° +270°
- 93C5DD
Caribbean Coast
- CEB0D7
≈ Sea Lavender
- DFB19A
≈ Pink Sand
- A9C7A1
≈ French Market
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.86:1 · APCA Lc 35
Ag
AAAعلى الأسود
WCAG 11.27:1 · APCA Lc 67
أفضل لون للنص: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--caribbean-coast: #93c5dd;
--caribbean-coast-rgb: 147 197 221;
--caribbean-coast-oklch: oklch(0.797 0.062 229.1);
}
.element {
color: var(--caribbean-coast);
background-color: hsl(199 52% 72%);
border-color: oklch(0.797 0.062 229.1);
}Tailwind CSS v4
@theme {
--color-caribbean-coast: #93c5dd;
--color-caribbean-coast-50: #e4f9ff;
--color-caribbean-coast-100: #d4ecf9;
--color-caribbean-coast-200: #badaea;
--color-caribbean-coast-300: #98bed2;
--color-caribbean-coast-400: #78a6bc;
--color-caribbean-coast-500: #588ea7;
--color-caribbean-coast-600: #4b788d;
--color-caribbean-coast-700: #3c6071;
--color-caribbean-coast-800: #2a4753;
--color-caribbean-coast-900: #1c313a;
--color-caribbean-coast-950: #0c1d24;
}SCSS
$caribbean-coast: #93c5dd;
$caribbean-coast-rgb: 147, 197, 221;
$caribbean-coast-light: mix(#fff, $caribbean-coast, 20%);
$caribbean-coast-dark: mix(#000, $caribbean-coast, 20%);
.element {
color: $caribbean-coast;
box-shadow: 0 0 0 2px rgba($caribbean-coast, 0.35);
}