Nazwany kolor · #DAE3E9
Early Frost
Early Frost to #DAE3E9: rgb(218 227 233), hsl(204 25% 88%), oklch(0.911 0.013 236.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Early Frost color name →
#DAE3E9
oklch(0.911 0.013 236.6)
Konwersje koloru
- HEX
- #dae3e9
- RGB
- rgb(218 227 233)
- HSL
- hsl(204 25% 88%)
- HWB
- hwb(204 85% 9%)
- OKLCH
- oklch(0.911 0.013 236.6)
- OKLab
- oklab(0.911 -0.007 -0.011)
- CIE Lab
- lab(89.68 -2.28 -4.04)
- LCH
- lch(89.68 4.64 240.5)
- CMYK
- cmyk(6% 3% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEE6EB
- E1E9ED
- E5EBF0
- E9EEF2
- ECF1F4
- F0F4F6
- F4F7F8
- F8F9FB
- FBFCFD
Odcienie ciemniejsze
- BDC5CB
- A2A8AD
- 878C90
- 6C7174
- 54575A
- 3C3F41
- 252729
- 111213
- 020303
Tony
- D1D9DE
- C7CED3
- BEC4C8
- B5BABE
- ACB0B3
- A3A6A9
- 9A9D9E
- 919394
- 89898A
Harmonie kolorów
Komplementarna +180°
- DAE3E9
Early Frost
- E8E0DA
≈ Stone Harbour
Analogowa -30° +30°
- DAE3E9
Early Frost
- D8E4E6
≈ Inuit Blue
- DEE1EA
≈ Frosty Fog
Triada +120° +240°
- DAE3E9
Early Frost
- E9DEE2
≈ Precocious Red
- E1E3D9
≈ Wisdom
Komplementarna rozszczepiona +150° +210°
- DAE3E9
Early Frost
- EADEDD
≈ Parasol
- E5E1D8
≈ Heron Plume
Tetrada +90° +180° +270°
- DAE3E9
Early Frost
- E6DFE6
≈ Selago
- E8E0DA
≈ Stone Harbour
- DCE4DD
≈ Slightly Zen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.14:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--early-frost: #dae3e9;
--early-frost-rgb: 218 227 233;
--early-frost-oklch: oklch(0.911 0.013 236.6);
}
.element {
color: var(--early-frost);
background-color: hsl(204 25% 88%);
border-color: oklch(0.911 0.013 236.6);
}Tailwind CSS v4
@theme {
--color-early-frost: #dae3e9;
--color-early-frost-50: #f2f6f8;
--color-early-frost-100: #e4e8ec;
--color-early-frost-200: #cfd5d9;
--color-early-frost-300: #b2b8bd;
--color-early-frost-400: #98a0a5;
--color-early-frost-500: #7f888e;
--color-early-frost-600: #6b7378;
--color-early-frost-700: #565c60;
--color-early-frost-800: #3e4346;
--color-early-frost-900: #2b2e31;
--color-early-frost-950: #181b1d;
}SCSS
$early-frost: #dae3e9;
$early-frost-rgb: 218, 227, 233;
$early-frost-light: mix(#fff, $early-frost, 20%);
$early-frost-dark: mix(#000, $early-frost, 20%);
.element {
color: $early-frost;
box-shadow: 0 0 0 2px rgba($early-frost, 0.35);
}