En yakın adlandırılmış renk · #9BD3DF
#9BD3DF
En yakın adlandırılmış renk: Infinity Pool
#9BD3DF (rgb(155 211 223), hsl(191 52% 74%), oklch(0.832 0.06 212.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.
#9BD3DF
oklch(0.832 0.06 212.4)
Renk dönüşümleri
- HEX
- #9bd3df
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- HWB
- hwb(191 61% 13%)
- OKLCH
- oklch(0.832 0.06 212.4)
- OKLab
- oklab(0.832 -0.051 -0.032)
- CIE Lab
- lab(81 -16.56 -12.09)
- LCH
- lch(81 20.5 216.1)
- CMYK
- cmyk(30% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5D7E2
- B0DCE5
- BAE0E9
- C4E5EC
- CEE9EF
- D8EDF2
- E2F2F5
- EBF6F9
- F5FBFC
Koyu tonlar
- 86B7C2
- 729CA5
- 5E828A
- 4B696F
- 395156
- 283A3D
- 182427
- 091012
- 010202
Gri tonlar
- 99CAD5
- 96C2CB
- 94B9C2
- 91B1B8
- 8FA9AE
- 8CA0A5
- 89989C
- 869092
- 838889
Renk uyumları
Tamamlayıcı +180°
- 9BD3DF
Infinity Pool
- ECBBB0
≈ Peach Souffle
Analog -30° +30°
- 9BD3DF
Infinity Pool
- 9DD5CB
≈ Aqua Glow
- A7CEEC
≈ Sail
Üçlü +120° +240°
- 9BD3DF
Infinity Pool
- E0BAD9
≈ Posies
- D6C89C
≈ Parsnip
Bölünmüş tamamlayıcı +150° +210°
- 9BD3DF
Infinity Pool
- EBB8C5
≈ Chantilly
- E5C0A1
≈ Fabulous Fawn
Dörtlü +90° +180° +270°
- 9BD3DF
Infinity Pool
- CFBFE9
≈ York Plum
- ECBBB0
≈ Peach Souffle
- C1CFA4
≈ Spumoni Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.77:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinity-pool: #9bd3df;
--infinity-pool-rgb: 155 211 223;
--infinity-pool-oklch: oklch(0.832 0.06 212.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(191 52% 74%);
border-color: oklch(0.832 0.06 212.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #9bd3df;
--color-infinity-pool-50: #e3faff;
--color-infinity-pool-100: #d2eef4;
--color-infinity-pool-200: #b8dbe4;
--color-infinity-pool-300: #95c0ca;
--color-infinity-pool-400: #75a8b3;
--color-infinity-pool-500: #54919d;
--color-infinity-pool-600: #487b85;
--color-infinity-pool-700: #39626b;
--color-infinity-pool-800: #28484e;
--color-infinity-pool-900: #1b3236;
--color-infinity-pool-950: #0b1e21;
}SCSS
$infinity-pool: #9bd3df;
$infinity-pool-rgb: 155, 211, 223;
$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);
}