En yakın adlandırılmış renk · #99D4DF
#99D4DF
En yakın adlandırılmış renk: Infinity Pool
#99D4DF (rgb(153 212 223), hsl(189 52% 74%), oklch(0.833 0.062 210.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.
#99D4DF
oklch(0.833 0.062 210.4)
Renk dönüşümleri
- HEX
- #99d4df
- RGB
- rgb(153 212 223)
- HSL
- hsl(189 52% 74%)
- HWB
- hwb(189 60% 13%)
- OKLCH
- oklch(0.833 0.062 210.4)
- OKLab
- oklab(0.833 -0.054 -0.031)
- CIE Lab
- lab(81.16 -17.62 -11.86)
- LCH
- lch(81.16 21.24 214)
- CMYK
- cmyk(31% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4D8E2
- AEDDE5
- B9E1E9
- C3E5EC
- CDEAEF
- D7EEF2
- E1F2F5
- EBF6F9
- F5FBFC
Koyu tonlar
- 84B8C2
- 709DA5
- 5D838A
- 4A696F
- 385156
- 273A3D
- 172427
- 081012
- 010202
Gri tonlar
- 97CBD5
- 95C3CB
- 93BAC2
- 90B2B8
- 8EA9AE
- 8BA1A5
- 89999C
- 869092
- 838889
Renk uyumları
Tamamlayıcı +180°
- 99D4DF
Infinity Pool
- EEBAB1
≈ Pink Cashmere
Analog -30° +30°
- 99D4DF
Infinity Pool
- 9CD6CA
≈ Aqua Glow
- A4CEED
≈ Sail
Üçlü +120° +240°
- 99D4DF
Infinity Pool
- E1BADC
≈ Sweetie Pie
- D8C79B
≈ Straw Basket
Bölünmüş tamamlayıcı +150° +210°
- 99D4DF
Infinity Pool
- ECB8C6
≈ Chantilly
- E7C0A0
≈ Peach Latte
Dörtlü +90° +180° +270°
- 99D4DF
Infinity Pool
- CEC0EB
≈ York Plum
- EEBAB1
≈ Pink Cashmere
- C3CFA2
≈ Dappled Daydream
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.83:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinity-pool: #99d4df;
--infinity-pool-rgb: 153 212 223;
--infinity-pool-oklch: oklch(0.833 0.062 210.4);
}
.element {
color: var(--infinity-pool);
background-color: hsl(189 52% 74%);
border-color: oklch(0.833 0.062 210.4);
}Tailwind CSS v4
@theme {
--color-infinity-pool: #99d4df;
--color-infinity-pool-50: #e2faff;
--color-infinity-pool-100: #d1eef4;
--color-infinity-pool-200: #b7dce4;
--color-infinity-pool-300: #93c0ca;
--color-infinity-pool-400: #72a9b3;
--color-infinity-pool-500: #51929d;
--color-infinity-pool-600: #457b85;
--color-infinity-pool-700: #37636a;
--color-infinity-pool-800: #27484e;
--color-infinity-pool-900: #1a3236;
--color-infinity-pool-950: #0a1e21;
}SCSS
$infinity-pool: #99d4df;
$infinity-pool-rgb: 153, 212, 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);
}