En yakın adlandırılmış renk · #99BDE8
#99BDE8
En yakın adlandırılmış renk: Adrift on the Nile
#99BDE8 (rgb(153 189 232), hsl(213 63% 75%), oklch(0.787 0.073 253.2)) en çok Adrift on the Nile 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.
#99BDE8
oklch(0.787 0.073 253.2)
Renk dönüşümleri
- HEX
- #99bde8
- RGB
- rgb(153 189 232)
- HSL
- hsl(213 63% 75%)
- HWB
- hwb(213 60% 9%)
- OKLCH
- oklch(0.787 0.073 253.2)
- OKLab
- oklab(0.787 -0.021 -0.07)
- CIE Lab
- lab(75.11 -4.8 -25.71)
- LCH
- lch(75.11 26.16 259.4)
- CMYK
- cmyk(34% 19% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3C4EB
- ADCAED
- B7D1EF
- C1D7F2
- CCDEF4
- D6E5F6
- E0EBF9
- EAF2FB
- F5F8FD
Koyu tonlar
- 84A4CA
- 708CAC
- 5D7490
- 4A5D74
- 384759
- 273340
- 171F29
- 080D13
- 010203
Gri tonlar
- 97B7DD
- 94B1D3
- 92ABC8
- 8FA4BE
- 8D9EB3
- 8A98A9
- 88929E
- 858C94
- 83868A
Renk uyumları
Tamamlayıcı +180°
- 99BDE8
Adrift on the Nile
- D7B386
≈ Cashmere Wrap
Analog -30° +30°
- 99BDE8
Adrift on the Nile
- 85C5DC
≈ Dolphin
- B3B4E8
≈ Perano
Üçlü +120° +240°
- 99BDE8
Adrift on the Nile
- E4A7AC
≈ Perennial Phlox
- A7C494
≈ Heartland Frosty
Bölünmüş tamamlayıcı +150° +210°
- 99BDE8
Adrift on the Nile
- E3AB94
≈ California Coral
- C2BC86
≈ Frozen Marguerita
Dörtlü +90° +180° +270°
- 99BDE8
Adrift on the Nile
- DCA8C6
≈ Lofty Delight
- D7B386
≈ Cashmere Wrap
- 8EC9AD
≈ Sybarite Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.94:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.79:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--adrift-on-the-nile: #99bde8;
--adrift-on-the-nile-rgb: 153 189 232;
--adrift-on-the-nile-oklch: oklch(0.787 0.073 253.2);
}
.element {
color: var(--adrift-on-the-nile);
background-color: hsl(213 63% 75%);
border-color: oklch(0.787 0.073 253.2);
}Tailwind CSS v4
@theme {
--color-adrift-on-the-nile: #99bde8;
--color-adrift-on-the-nile-50: #e8f7ff;
--color-adrift-on-the-nile-100: #d8eaff;
--color-adrift-on-the-nile-200: #c0d6f4;
--color-adrift-on-the-nile-300: #9fbadd;
--color-adrift-on-the-nile-400: #80a1c9;
--color-adrift-on-the-nile-500: #6389b6;
--color-adrift-on-the-nile-600: #547499;
--color-adrift-on-the-nile-700: #435d7b;
--color-adrift-on-the-nile-800: #2f445b;
--color-adrift-on-the-nile-900: #202f40;
--color-adrift-on-the-nile-950: #0f1c29;
}SCSS
$adrift-on-the-nile: #99bde8;
$adrift-on-the-nile-rgb: 153, 189, 232;
$adrift-on-the-nile-light: mix(#fff, $adrift-on-the-nile, 20%);
$adrift-on-the-nile-dark: mix(#000, $adrift-on-the-nile, 20%);
.element {
color: $adrift-on-the-nile;
box-shadow: 0 0 0 2px rgba($adrift-on-the-nile, 0.35);
}