Nazwany kolor · #DAE6E9
Airy
Airy to #DAE6E9: rgb(218 230 233), hsl(192 25% 88%), oklch(0.917 0.014 214.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Airy color name →
#DAE6E9
oklch(0.917 0.014 214.4)
Konwersje koloru
- HEX
- #dae6e9
- RGB
- rgb(218 230 233)
- HSL
- hsl(192 25% 88%)
- HWB
- hwb(192 85% 9%)
- OKLCH
- oklch(0.917 0.014 214.4)
- OKLab
- oklab(0.917 -0.011 -0.008)
- CIE Lab
- lab(90.44 -3.72 -2.92)
- LCH
- lch(90.44 4.73 218.1)
- CMYK
- cmyk(6% 1% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEE8EB
- E1EBED
- E5EDF0
- E9F0F2
- ECF2F4
- F0F5F6
- F4F7F8
- F8FAFB
- FBFCFD
Odcienie ciemniejsze
- BDC8CB
- A2ABAD
- 878E90
- 6C7374
- 54595A
- 3C4041
- 252829
- 111313
- 020303
Tony
- D1DBDE
- C7D1D3
- BEC6C8
- B5BCBE
- ACB2B3
- A3A7A9
- 9A9D9E
- 919494
- 898A8A
Harmonie kolorów
Komplementarna +180°
- DAE6E9
Airy
- ECE1DE
≈ Head in the Sand
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.47:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.47:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--airy: #dae6e9;
--airy-rgb: 218 230 233;
--airy-oklch: oklch(0.917 0.014 214.4);
}
.element {
color: var(--airy);
background-color: hsl(192 25% 88%);
border-color: oklch(0.917 0.014 214.4);
}Tailwind CSS v4
@theme {
--color-airy: #dae6e9;
--color-airy-50: #f1f6f8;
--color-airy-100: #e3e9eb;
--color-airy-200: #ced6d8;
--color-airy-300: #b0b9bc;
--color-airy-400: #96a1a3;
--color-airy-500: #7d898c;
--color-airy-600: #6a7476;
--color-airy-700: #545c5f;
--color-airy-800: #3d4445;
--color-airy-900: #2a2f30;
--color-airy-950: #181b1c;
}SCSS
$airy: #dae6e9;
$airy-rgb: 218, 230, 233;
$airy-light: mix(#fff, $airy, 20%);
$airy-dark: mix(#000, $airy, 20%);
.element {
color: $airy;
box-shadow: 0 0 0 2px rgba($airy, 0.35);
}