Màu có tên gần nhất · #99BDE8
#99BDE8
Màu có tên gần nhất: Adrift on the Nile
#99BDE8 (rgb(153 189 232), hsl(213 63% 75%), oklch(0.787 0.073 253.2)) gần nhất với màu có tên Adrift on the Nile. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#99BDE8
oklch(0.787 0.073 253.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A3C4EB
- ADCAED
- B7D1EF
- C1D7F2
- CCDEF4
- D6E5F6
- E0EBF9
- EAF2FB
- F5F8FD
Sắc đậm
- 84A4CA
- 708CAC
- 5D7490
- 4A5D74
- 384759
- 273340
- 171F29
- 080D13
- 010203
Sắc xám
- 97B7DD
- 94B1D3
- 92ABC8
- 8FA4BE
- 8D9EB3
- 8A98A9
- 88929E
- 858C94
- 83868A
Hòa sắc
Bổ túc +180°
- 99BDE8
Adrift on the Nile
- D7B386
≈ Cashmere Wrap
Tương đồng -30° +30°
- 99BDE8
Adrift on the Nile
- 85C5DC
≈ Dolphin
- B3B4E8
≈ Perano
Bộ ba +120° +240°
- 99BDE8
Adrift on the Nile
- E4A7AC
≈ Perennial Phlox
- A7C494
≈ Heartland Frosty
Bổ túc chia +150° +210°
- 99BDE8
Adrift on the Nile
- E3AB94
≈ California Coral
- C2BC86
≈ Frozen Marguerita
Bộ bốn +90° +180° +270°
- 99BDE8
Adrift on the Nile
- DCA8C6
≈ Lofty Delight
- D7B386
≈ Cashmere Wrap
- 8EC9AD
≈ Sybarite Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.79:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}