Cor nomeada · #D9E5E4
Airflow
Airflow é #D9E5E4: rgb(217 229 228), hsl(175 19% 87%), oklch(0.913 0.013 190.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Airflow color name →
#D9E5E4
oklch(0.913 0.013 190.9)
Conversões de cor
- HEX
- #d9e5e4
- RGB
- rgb(217 229 228)
- HSL
- hsl(175 19% 87%)
- HWB
- hwb(175 85% 10%)
- OKLCH
- oklch(0.913 0.013 190.9)
- OKLab
- oklab(0.913 -0.013 -0.002)
- CIE Lab
- lab(90 -4.29 -0.97)
- LCH
- lch(90 4.39 192.8)
- CMYK
- cmyk(5% 0% 0% 10%)
Tons claros · Sombras · Tons
Tons claros
- DDE8E7
- E1EAE9
- E4EDEC
- E8EFEF
- ECF2F1
- F0F5F4
- F4F7F7
- F7FAFA
- FBFCFC
Sombras
- BCC7C6
- A1AAA9
- 868E8D
- 6C7272
- 535858
- 3B3F3F
- 252828
- 111212
- 020303
Tons
- D0DADA
- C7D0CF
- BDC6C5
- B4BBBB
- ABB1B1
- A3A7A7
- 9A9D9D
- 919393
- 898A8A
Harmonias de cor
Complementar +180°
- D9E5E4
Airflow
- EADFE0
≈ Pink Posey
Análoga -30° +30°
- D9E5E4
Airflow
- DBE5DF
≈ Melting Snowman
- D9E4E8
≈ Baby’s Breath
Tríade +120° +240°
- D9E5E4
Airflow
- E5E0E9
≈ Guardian Angel
- E8E1D9
≈ Spring Wood
Complementar dividida +150° +210°
- D9E5E4
Airflow
- E9DFE5
≈ Dainty Flower
- EADFDC
≈ White Beet
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.27:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.27:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--airflow: #d9e5e4;
--airflow-rgb: 217 229 228;
--airflow-oklch: oklch(0.913 0.013 190.9);
}
.element {
color: var(--airflow);
background-color: hsl(175 19% 87%);
border-color: oklch(0.913 0.013 190.9);
}Tailwind CSS v4
@theme {
--color-airflow: #d9e5e4;
--color-airflow-50: #f1f6f6;
--color-airflow-100: #e3e9e9;
--color-airflow-200: #ced6d6;
--color-airflow-300: #b0bab9;
--color-airflow-400: #96a1a0;
--color-airflow-500: #7d8988;
--color-airflow-600: #6a7473;
--color-airflow-700: #555d5c;
--color-airflow-800: #3e4443;
--color-airflow-900: #2a2f2e;
--color-airflow-950: #181b1b;
}SCSS
$airflow: #d9e5e4;
$airflow-rgb: 217, 229, 228;
$airflow-light: mix(#fff, $airflow, 20%);
$airflow-dark: mix(#000, $airflow, 20%);
.element {
color: $airflow;
box-shadow: 0 0 0 2px rgba($airflow, 0.35);
}