En yakın adlandırılmış renk · #8FDBEC
#8FDBEC
En yakın adlandırılmış renk: Infinity Pool
#8FDBEC (rgb(143 219 236), hsl(191 71% 74%), oklch(0.848 0.079 213.4)) en çok Infinity Pool adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8FDBEC
oklch(0.848 0.079 213.4)
Renk dönüşümleri
- HEX
- #8fdbec
- RGB
- rgb(143 219 236)
- HSL
- hsl(191 71% 74%)
- HWB
- hwb(191 56% 7%)
- OKLCH
- oklch(0.848 0.079 213.4)
- OKLab
- oklab(0.848 -0.066 -0.043)
- CIE Lab
- lab(82.9 -21.26 -16.21)
- LCH
- lch(82.9 26.74 217.3)
- CMYK
- cmyk(39% 7% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BDFEE
- A7E2F0
- B3E6F2
- BEEAF4
- C9EDF6
- D4F1F8
- DFF4FA
- EAF8FB
- F4FCFD
Koyu tonlar
- 7CBECD
- 69A2AF
- 578792
- 456D76
- 34545B
- 243C42
- 152629
- 071113
- 010203
Gri tonlar
- 8FD2E1
- 8EC8D6
- 8DBFCB
- 8CB6C0
- 8AADB5
- 89A4AA
- 879B9F
- 859295
- 82898A
Renk uyumları
Tamamlayıcı +180°
- 8FDBEC
Infinity Pool
- FCBBAC
≈ Ruffles
Analog -30° +30°
- 8FDBEC
Infinity Pool
- 91DED2
≈ Pale Robin Egg Blue
- A1D4FD
≈ Malmö FF
Üçlü +120° +240°
- 8FDBEC
Infinity Pool
- EDBAE3
≈ Rosecco
- DECD92
≈ Bongo Skin
Bölünmüş tamamlayıcı +150° +210°
- 8FDBEC
Infinity Pool
- FAB8C8
≈ Cherry Blossom Pink
- F2C398
≈ Apricot Soufflé
Dörtlü +90° +180° +270°
- 8FDBEC
Infinity Pool
- D7C1F8
≈ Beefy Pink
- FCBBAC
≈ Ruffles
- C3D69D
≈ Pistachio Cream
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.51:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinity-pool: #8fdbec;
--infinity-pool-rgb: 143 219 236;
--infinity-pool-oklch: oklch(0.848 0.079 213.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 71% 74%);
border-color: oklch(0.848 0.079 213.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #8fdbec;
--color-infinity-pool-50: #ddfbff;
--color-infinity-pool-100: #cbeff9;
--color-infinity-pool-200: #afddea;
--color-infinity-pool-300: #89c2d1;
--color-infinity-pool-400: #64abba;
--color-infinity-pool-500: #3c94a5;
--color-infinity-pool-600: #357d8c;
--color-infinity-pool-700: #2a6470;
--color-infinity-pool-800: #1c4a52;
--color-infinity-pool-900: #123339;
--color-infinity-pool-950: #041f23;
}SCSS
$infinity-pool: #8fdbec;
$infinity-pool-rgb: 143, 219, 236;
$infinity-pool-light: mix(#fff, $infinity-pool, 20%);
$infinity-pool-dark: mix(#000, $infinity-pool, 20%);
.element {
color: $infinity-pool;
box-shadow: 0 0 0 2px rgba($infinity-pool, 0.35);
}