Adlandırılmış renk · #8FBCC4
Kingston Aqua
Kingston Aqua, #8FBCC4: rgb(143 188 196), hsl(189 31% 66%), oklch(0.766 0.049 209.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Kingston Aqua color name →
#8FBCC4
oklch(0.766 0.049 209.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9AC3CA
- A5C9D0
- B1D0D5
- BCD7DB
- C7DDE1
- D2E4E7
- DDEBED
- E8F1F3
- F4F8F9
Koyu tonlar
- 7CA3AA
- 698B91
- 577378
- 455D61
- 34474A
- 243235
- 151F21
- 070D0E
- 010202
Gri tonlar
- 8EB6BD
- 8DB0B6
- 8BAAAF
- 8AA4A8
- 899EA1
- 87989B
- 859294
- 848C8D
- 828687
Renk uyumları
Tamamlayıcı +180°
- 8FBCC4
Kingston Aqua
- D0A8A1
≈ Cinnamon Cocoa
Analog -30° +30°
- 8FBCC4
Kingston Aqua
- 92BEB4
≈ Scenic View
- 97B8CF
≈ Sea Mark
Üçlü +120° +240°
- 8FBCC4
Kingston Aqua
- C5A8C2
≈ Linnea Blossom
- BFB290
≈ Trailblazer
Bölünmüş tamamlayıcı +150° +210°
- 8FBCC4
Kingston Aqua
- CEA6B2
≈ Lady Flower
- CBAC94
≈ Apple Pie
Dörtlü +90° +180° +270°
- 8FBCC4
Kingston Aqua
- B7ACCE
≈ Jacey’s Favourite
- D0A8A1
≈ Cinnamon Cocoa
- AFB895
≈ Moss Print
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.15:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}