Màu có tên gần nhất · #DBF3FD
#DBF3FD
Màu có tên gần nhất: Water
#DBF3FD (rgb(219 243 253), hsl(198 89% 93%), oklch(0.95 0.029 224.7)) gần nhất với màu có tên Water. 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.
#DBF3FD
oklch(0.95 0.029 224.7)
Chuyển đổi màu
- HEX
- #dbf3fd
- RGB
- rgb(219 243 253)
- HSL
- hsl(198 89% 93%)
- HWB
- hwb(198 86% 1%)
- OKLCH
- oklch(0.95 0.029 224.7)
- OKLab
- oklab(0.95 -0.02 -0.02)
- CIE Lab
- lab(94.3 -6.66 -7.64)
- LCH
- lch(94.3 10.13 228.9)
- CMYK
- cmyk(13% 4% 0% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFF4FD
- E2F5FD
- E6F7FE
- EAF8FE
- EDF9FE
- F1FAFE
- F4FBFE
- F8FDFF
- FBFEFF
Sắc đậm
- BED3DC
- A2B4BC
- 87979D
- 6D7A7F
- 545E62
- 3C4447
- 262B2D
- 111416
- 020303
Sắc xám
- D2E7F0
- C8DBE3
- BFCFD6
- B6C3C9
- ADB8BD
- A3ACB0
- 9AA1A4
- 929698
- 898B8C
Hòa sắc
Bổ túc +180°
- DBF3FD
Water
- FFE9E0
≈ Translucent Silk
Tương đồng -30° +30°
- DBF3FD
Water
- D9F5F4
≈ Fishious Rend
- E4F0FF
≈ Cotton Boll
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- DBF3FD
Water
- FFE8E9
≈ Pink Sparkle
- FAECDA
≈ Ajo Lily
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.15:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.25:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.25:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--water: #dbf3fd;
--water-rgb: 219 243 253;
--water-oklch: oklch(0.95 0.029 224.7);
}
.element {
color: var(--water);
background-color: hsl(198 89% 93%);
border-color: oklch(0.95 0.029 224.7);
}Tailwind CSS v4
@theme {
--color-water: #dbf3fd;
--color-water-50: #edf7fc;
--color-water-100: #deeaef;
--color-water-200: #c8d7de;
--color-water-300: #a9bbc3;
--color-water-400: #8da2ab;
--color-water-500: #728b95;
--color-water-600: #61757e;
--color-water-700: #4d5e65;
--color-water-800: #38454a;
--color-water-900: #263033;
--color-water-950: #151c1f;
}SCSS
$water: #dbf3fd;
$water-rgb: 219, 243, 253;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}