Colore con nome più vicino · #DBF3FD
#DBF3FD
Colore con nome più vicino: Water
#DBF3FD (rgb(219 243 253), hsl(198 89% 93%), oklch(0.95 0.029 224.7)) è più vicino al colore con nome Water. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DBF3FD
oklch(0.95 0.029 224.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DFF4FD
- E2F5FD
- E6F7FE
- EAF8FE
- EDF9FE
- F1FAFE
- F4FBFE
- F8FDFF
- FBFEFF
Ombre
- BED3DC
- A2B4BC
- 87979D
- 6D7A7F
- 545E62
- 3C4447
- 262B2D
- 111416
- 020303
Toni
- D2E7F0
- C8DBE3
- BFCFD6
- B6C3C9
- ADB8BD
- A3ACB0
- 9AA1A4
- 929698
- 898B8C
Armonie di colore
Complementare +180°
- DBF3FD
Water
- FFE9E0
≈ Translucent Silk
Analogo -30° +30°
- DBF3FD
Water
- D9F5F4
≈ Fishious Rend
- E4F0FF
≈ Cotton Boll
Triadico +120° +240°
Complementare divisa +150° +210°
- DBF3FD
Water
- FFE8E9
≈ Pink Sparkle
- FAECDA
≈ Ajo Lily
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.15:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.25:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.25:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
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);
}