أقرب لون مسمّى · #66B8C3
#66B8C3
أقرب لون مسمّى: Castaway
#66B8C3 (rgb(102 184 195)، hsl(187 44% 58%)، oklch(0.735 0.082 206.8)) أقرب إلى اللون المسمّى Castaway. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#66B8C3
oklch(0.735 0.082 206.8)
تحويلات الألوان
- HEX
- #66b8c3
- RGB
- rgb(102 184 195)
- HSL
- hsl(187 44% 58%)
- HWB
- hwb(187 40% 24%)
- OKLCH
- oklch(0.735 0.082 206.8)
- OKLab
- oklab(0.735 -0.073 -0.037)
- CIE Lab
- lab(69.91 -23.92 -13.82)
- LCH
- lch(69.91 27.63 210)
- CMYK
- cmyk(48% 6% 0% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 77BFC9
- 87C6CF
- 97CDD5
- A6D4DB
- B5DCE1
- C4E3E7
- D3EAED
- E2F1F3
- F0F8F9
درجات داكنة
- 58A0A9
- 4A8890
- 3C7178
- 2F5B60
- 23454A
- 173134
- 0C1E20
- 040C0E
- 000202
درجات رمادية
- 6AB2BC
- 6EADB5
- 72A7AF
- 75A2A8
- 779CA1
- 7A969A
- 7C9194
- 7D8B8D
- 7F8687
تناسق الألوان
متمم +180°
- 66B8C3
Castaway
- D8968E
≈ Petite Orchid
متجاور -30° +30°
- 66B8C3
Castaway
- 6DBAA8
≈ Larchmere
- 76B1D6
≈ Meadow Blossom Blue
ثلاثي +120° +240°
- 66B8C3
Castaway
- C597C4
≈ Pomtini
- C0A66C
≈ Hay Yellow
متمم منقسم +150° +210°
- 66B8C3
Castaway
- D494AA
≈ Foxy Pink
- D19C76
≈ Rustic Adobe
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.28:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.20:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--castaway: #66b8c3;
--castaway-rgb: 102 184 195;
--castaway-oklch: oklch(0.735 0.082 206.8);
}
.element {
color: var(--castaway);
background-color: hsl(187 44% 58%);
border-color: oklch(0.735 0.082 206.8);
}Tailwind CSS v4
@theme {
--color-castaway: #66b8c3;
--color-castaway-50: #dbfcff;
--color-castaway-100: #caf0f6;
--color-castaway-200: #acdfe7;
--color-castaway-300: #85c3ce;
--color-castaway-400: #5facb7;
--color-castaway-500: #3495a1;
--color-castaway-600: #2e7e88;
--color-castaway-700: #25656d;
--color-castaway-800: #194a50;
--color-castaway-900: #103437;
--color-castaway-950: #031f22;
}SCSS
$castaway: #66b8c3;
$castaway-rgb: 102, 184, 195;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}