En yakın adlandırılmış renk · #8EB6DF
#8EB6DF
En yakın adlandırılmış renk: Adrift on the Nile
#8EB6DF (rgb(142 182 223), hsl(210 56% 72%), oklch(0.762 0.073 249.4)) 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.
#8EB6DF
oklch(0.762 0.073 249.4)
Renk dönüşümleri
- HEX
- #8eb6df
- RGB
- rgb(142 182 223)
- HSL
- hsl(210 56% 72%)
- HWB
- hwb(210 56% 13%)
- OKLCH
- oklch(0.762 0.073 249.4)
- OKLab
- oklab(0.762 -0.026 -0.069)
- CIE Lab
- lab(72.25 -6.33 -25.28)
- LCH
- lch(72.25 26.06 255.9)
- CMYK
- cmyk(36% 18% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99BDE2
- A4C5E6
- B0CCE9
- BBD3EC
- C6DAF0
- D1E2F3
- DDE9F6
- E8F0F9
- F4F8FC
Koyu tonlar
- 7B9EC2
- 6886A5
- 566F8A
- 44596F
- 344456
- 24303D
- 151D27
- 070C12
- 010202
Gri tonlar
- 8DB1D5
- 8CABCC
- 8AA6C2
- 89A0B8
- 889BAF
- 8696A5
- 85909C
- 838B93
- 828589
Renk uyumları
Tamamlayıcı +180°
- 8EB6DF
Adrift on the Nile
- D0AA7F
≈ Flax Straw
Analog -30° +30°
- 8EB6DF
Adrift on the Nile
- 7BBDD2
≈ Cologne
- A8ADE0
≈ Maximum Blue Purple
Üçlü +120° +240°
- 8EB6DF
Adrift on the Nile
- DC9FA7
≈ Glamour
- A3BB8A
≈ Glendale
Bölünmüş tamamlayıcı +150° +210°
- 8EB6DF
Adrift on the Nile
- DBA28F
≈ Apricotta
- BDB37D
≈ Ecru
Dörtlü +90° +180° +270°
- 8EB6DF
Adrift on the Nile
- D2A0C1
≈ Geranium Bud
- D0AA7F
≈ Flax Straw
- 89C0A1
≈ Lark Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.90:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--adrift-on-the-nile: #8eb6df;
--adrift-on-the-nile-rgb: 142 182 223;
--adrift-on-the-nile-oklch: oklch(0.762 0.073 249.4);
}
.element {
color: var(--adrift-on-the-nile);
background-color: hsl(210 56% 72%);
border-color: oklch(0.762 0.073 249.4);
}Tailwind CSS v4
@theme {
--color-adrift-on-the-nile: #8eb6df;
--color-adrift-on-the-nile-50: #e6f7ff;
--color-adrift-on-the-nile-100: #d7eaff;
--color-adrift-on-the-nile-200: #bed7f3;
--color-adrift-on-the-nile-300: #9cbbdc;
--color-adrift-on-the-nile-400: #7da2c8;
--color-adrift-on-the-nile-500: #5f8ab5;
--color-adrift-on-the-nile-600: #517599;
--color-adrift-on-the-nile-700: #415e7b;
--color-adrift-on-the-nile-800: #2d455b;
--color-adrift-on-the-nile-900: #1f303f;
--color-adrift-on-the-nile-950: #0e1c28;
}SCSS
$adrift-on-the-nile: #8eb6df;
$adrift-on-the-nile-rgb: 142, 182, 223;
$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);
}