لون مسمّى · #8FBCC4
Kingston Aqua
Kingston Aqua هو #8FBCC4: rgb(143 188 196)، hsl(189 31% 66%)، oklch(0.766 0.049 209.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Kingston Aqua color name →
#8FBCC4
oklch(0.766 0.049 209.6)
تحويلات الألوان
- HEX
- #8fbcc4
- RGB
- rgb(143 188 196)
- HSL
- hsl(189 31% 66%)
- HWB
- hwb(189 56% 23%)
- OKLCH
- oklch(0.766 0.049 209.6)
- OKLab
- oklab(0.766 -0.043 -0.024)
- CIE Lab
- lab(73.23 -14.06 -9.18)
- LCH
- lch(73.23 16.79 213.1)
- CMYK
- cmyk(27% 4% 0% 23%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9AC3CA
- A5C9D0
- B1D0D5
- BCD7DB
- C7DDE1
- D2E4E7
- DDEBED
- E8F1F3
- F4F8F9
درجات داكنة
- 7CA3AA
- 698B91
- 577378
- 455D61
- 34474A
- 243235
- 151F21
- 070D0E
- 010202
درجات رمادية
- 8EB6BD
- 8DB0B6
- 8BAAAF
- 8AA4A8
- 899EA1
- 87989B
- 859294
- 848C8D
- 828687
تناسق الألوان
متمم +180°
- 8FBCC4
Kingston Aqua
- D0A8A1
≈ Cinnamon Cocoa
متجاور -30° +30°
- 8FBCC4
Kingston Aqua
- 92BEB4
≈ Scenic View
- 97B8CF
≈ Sea Mark
ثلاثي +120° +240°
- 8FBCC4
Kingston Aqua
- C5A8C2
≈ Linnea Blossom
- BFB290
≈ Trailblazer
متمم منقسم +150° +210°
- 8FBCC4
Kingston Aqua
- CEA6B2
≈ Lady Flower
- CBAC94
≈ Apple Pie
رباعي +90° +180° +270°
- 8FBCC4
Kingston Aqua
- B7ACCE
≈ Jacey’s Favourite
- D0A8A1
≈ Cinnamon Cocoa
- AFB895
≈ Moss Print
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.06:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.15:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kingston-aqua: #8fbcc4;
--kingston-aqua-rgb: 143 188 196;
--kingston-aqua-oklch: oklch(0.766 0.049 209.6);
}
.element {
color: var(--kingston-aqua);
background-color: hsl(189 31% 66%);
border-color: oklch(0.766 0.049 209.6);
}Tailwind CSS v4
@theme {
--color-kingston-aqua: #8fbcc4;
--color-kingston-aqua-50: #e6f9fd;
--color-kingston-aqua-100: #d6edf1;
--color-kingston-aqua-200: #bddae0;
--color-kingston-aqua-300: #9bbfc6;
--color-kingston-aqua-400: #7da7ae;
--color-kingston-aqua-500: #5f8f98;
--color-kingston-aqua-600: #517980;
--color-kingston-aqua-700: #406167;
--color-kingston-aqua-800: #2e474b;
--color-kingston-aqua-900: #1f3134;
--color-kingston-aqua-950: #0f1d20;
}SCSS
$kingston-aqua: #8fbcc4;
$kingston-aqua-rgb: 143, 188, 196;
$kingston-aqua-light: mix(#fff, $kingston-aqua, 20%);
$kingston-aqua-dark: mix(#000, $kingston-aqua, 20%);
.element {
color: $kingston-aqua;
box-shadow: 0 0 0 2px rgba($kingston-aqua, 0.35);
}