En yakın adlandırılmış renk · #96D9E6
#96D9E6
En yakın adlandırılmış renk: Infinity Pool
#96D9E6 (rgb(150 217 230), hsl(190 62% 75%), oklch(0.845 0.07 211)) 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.
#96D9E6
oklch(0.845 0.07 211)
Renk dönüşümleri
- HEX
- #96d9e6
- RGB
- rgb(150 217 230)
- HSL
- hsl(190 62% 75%)
- HWB
- hwb(190 59% 10%)
- OKLCH
- oklch(0.845 0.07 211)
- OKLab
- oklab(0.845 -0.06 -0.036)
- CIE Lab
- lab(82.55 -19.54 -13.52)
- LCH
- lch(82.55 23.76 214.7)
- CMYK
- cmyk(35% 6% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A1DDE9
- ACE1EB
- B7E5EE
- C2E8F0
- CCECF3
- D6F0F5
- E1F4F8
- EBF8FA
- F5FBFD
Koyu tonlar
- 82BCC8
- 6EA1AB
- 5B868E
- 496C73
- 375359
- 263B40
- 162528
- 081113
- 010203
Gri tonlar
- 95D0DB
- 93C7D1
- 91BEC6
- 8FB5BC
- 8DACB2
- 8BA3A8
- 889A9E
- 869194
- 83898A
Renk uyumları
Tamamlayıcı +180°
- 96D9E6
Infinity Pool
- F6BCB1
≈ Dainty Debutante
Analog -30° +30°
- 96D9E6
Infinity Pool
- 99DCCF
≈ Pale Robin Egg Blue
- A4D3F6
≈ Juzcar Blue
Üçlü +120° +240°
- 96D9E6
Infinity Pool
- E8BCE1
≈ Blackberry Yoghurt
- DDCB98
≈ Desert Temple
Bölünmüş tamamlayıcı +150° +210°
- 96D9E6
Infinity Pool
- F4BAC9
≈ Pink Grapefruit
- EEC29E
≈ Carving Party
Dörtlü +90° +180° +270°
- 96D9E6
Infinity Pool
- D3C2F3
≈ Beefy Pink
- F6BCB1
≈ Dainty Debutante
- C5D4A1
≈ Cricket Field
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.36:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinity-pool: #96d9e6;
--infinity-pool-rgb: 150 217 230;
--infinity-pool-oklch: oklch(0.845 0.07 211);
}
.element {
color: var(--infinity-pool);
background-color: hsl(190 62% 75%);
border-color: oklch(0.845 0.07 211);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #96d9e6;
--color-infinity-pool-50: #e0fbff;
--color-infinity-pool-100: #cfeff6;
--color-infinity-pool-200: #b3dde6;
--color-infinity-pool-300: #8ec1cd;
--color-infinity-pool-400: #6caab6;
--color-infinity-pool-500: #4893a0;
--color-infinity-pool-600: #3e7c88;
--color-infinity-pool-700: #31636d;
--color-infinity-pool-800: #22494f;
--color-infinity-pool-900: #173337;
--color-infinity-pool-950: #071e22;
}SCSS
$infinity-pool: #96d9e6;
$infinity-pool-rgb: 150, 217, 230;
$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);
}