Couleur nommée · #DBE4DC
Aqua Squeeze
Aqua Squeeze correspond à #DBE4DC : rgb(219 228 220), hsl(127 14% 88%), oklch(0.91 0.014 148.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Aqua Squeeze color name →
#DBE4DC
oklch(0.91 0.014 148.8)
Conversions de couleur
- HEX
- #dbe4dc
- RGB
- rgb(219 228 220)
- HSL
- hsl(127 14% 88%)
- HWB
- hwb(127 86% 11%)
- OKLCH
- oklch(0.91 0.014 148.8)
- OKLab
- oklab(0.91 -0.012 0.007)
- CIE Lab
- lab(89.73 -4.21 2.81)
- LCH
- lch(89.73 5.06 146.2)
- CMYK
- cmyk(4% 0% 4% 11%)
Teintes · Ombres · Tons
Teintes
- DFE7DF
- E2E9E3
- E6ECE6
- E9EFEA
- EDF1ED
- F1F4F1
- F4F7F4
- F8FAF8
- FBFCFB
Ombres
- BEC6BF
- A2A9A3
- 878D88
- 6D726E
- 545854
- 3C3F3C
- 262826
- 111211
- 020302
Tons
- D2DAD2
- C8CFC9
- BFC5BF
- B6BBB6
- ACB1AD
- A3A7A4
- 9A9D9B
- 919392
- 898A89
Harmonies de couleurs
Complémentaire +180°
- DBE4DC
Aqua Squeeze
- E7DEE6
≈ Peekaboo
Analogue -30° +30°
- DBE4DC
Aqua Squeeze
- E0E3D8
≈ Poplar White
- D8E5E1
≈ Cave Pearl
Triadique +120° +240°
- DBE4DC
Aqua Squeeze
- DDE1EB
≈ Monet’s Lavender
- EBDEDC
≈ Wishy-Washy Beige
Complémentaire divisée +150° +210°
- DBE4DC
Aqua Squeeze
- E2DFEA
≈ Angelic Sent
- EADDE1
≈ Mauve Wisp
Tétradique +90° +180° +270°
- DBE4DC
Aqua Squeeze
- D9E3EA
≈ Early Frost
- E7DEE6
≈ Peekaboo
- E9DFD8
≈ Starling’s Egg
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.30:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.14:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--aqua-squeeze: #dbe4dc;
--aqua-squeeze-rgb: 219 228 220;
--aqua-squeeze-oklch: oklch(0.91 0.014 148.8);
}
.element {
color: var(--aqua-squeeze);
background-color: hsl(127 14% 88%);
border-color: oklch(0.91 0.014 148.8);
}Tailwind CSS v4
@theme {
--color-aqua-squeeze: #dbe4dc;
--color-aqua-squeeze-50: #f2f6f3;
--color-aqua-squeeze-100: #e5e9e5;
--color-aqua-squeeze-200: #d0d6d1;
--color-aqua-squeeze-300: #b2bab4;
--color-aqua-squeeze-400: #99a19a;
--color-aqua-squeeze-500: #808981;
--color-aqua-squeeze-600: #6c746d;
--color-aqua-squeeze-700: #575d57;
--color-aqua-squeeze-800: #3f443f;
--color-aqua-squeeze-900: #2c2f2c;
--color-aqua-squeeze-950: #191b19;
}SCSS
$aqua-squeeze: #dbe4dc;
$aqua-squeeze-rgb: 219, 228, 220;
$aqua-squeeze-light: mix(#fff, $aqua-squeeze, 20%);
$aqua-squeeze-dark: mix(#000, $aqua-squeeze, 20%);
.element {
color: $aqua-squeeze;
box-shadow: 0 0 0 2px rgba($aqua-squeeze, 0.35);
}