Nazwany kolor · #DEDFE2
Wayward Wind
Wayward Wind to #DEDFE2: rgb(222 223 226), hsl(225 6% 88%), oklch(0.904 0.004 271.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wayward Wind color name →
#DEDFE2
oklch(0.904 0.004 271.4)
Konwersje koloru
- HEX
- #dedfe2
- RGB
- rgb(222 223 226)
- HSL
- hsl(225 6% 88%)
- HWB
- hwb(225 87% 11%)
- OKLCH
- oklch(0.904 0.004 271.4)
- OKLab
- oklab(0.904 0 -0.004)
- CIE Lab
- lab(88.81 0.06 -1.6)
- LCH
- lch(88.81 1.6 272)
- CMYK
- cmyk(2% 1% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1E2E5
- E5E5E8
- E8E9EB
- EBECEE
- EEEFF0
- F2F2F3
- F5F5F6
- F8F9F9
- FCFCFC
Odcienie ciemniejsze
- C1C2C4
- A5A5A8
- 898A8C
- 6F6F71
- 555657
- 3D3D3E
- 262727
- 121212
- 020203
Tony
- D4D5D8
- CACBCE
- C1C2C4
- B7B8BA
- AEAEB0
- A4A5A6
- 9B9B9C
- 929293
- 898989
Harmonie kolorów
Komplementarna +180°
- DEDFE2
Wayward Wind
- E0DFDC
≈ Galactic Mediator
Analogowa -30° +30°
- DEDFE2
Wayward Wind
- DDE0E2
≈ Gentle Grey
- DFDEE2
≈ February Frost
Triada +120° +240°
- DEDFE2
Wayward Wind
- E2DEDD
≈ Ardcoat
- DDE0DE
≈ Barely Blue
Komplementarna rozszczepiona +150° +210°
- DEDFE2
Wayward Wind
- E1DFDC
≈ Galactic Mediator
- DFE0DD
≈ City Brume
Tetrada +90° +180° +270°
- DEDFE2
Wayward Wind
- E2DEDF
≈ Ardcoat
- E0DFDC
≈ Galactic Mediator
- DCE0DF
≈ Barely Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.75:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--wayward-wind: #dedfe2;
--wayward-wind-rgb: 222 223 226;
--wayward-wind-oklch: oklch(0.904 0.004 271.4);
}
.element {
color: var(--wayward-wind);
background-color: hsl(225 6% 88%);
border-color: oklch(0.904 0.004 271.4);
}Tailwind CSS v4
@theme {
--color-wayward-wind: #dedfe2;
--color-wayward-wind-50: #f5f5f6;
--color-wayward-wind-100: #e7e8e9;
--color-wayward-wind-200: #d3d4d6;
--color-wayward-wind-300: #b6b7b9;
--color-wayward-wind-400: #9d9ea1;
--color-wayward-wind-500: #858689;
--color-wayward-wind-600: #717174;
--color-wayward-wind-700: #5a5b5d;
--color-wayward-wind-800: #424244;
--color-wayward-wind-900: #2d2e2f;
--color-wayward-wind-950: #1a1b1b;
}SCSS
$wayward-wind: #dedfe2;
$wayward-wind-rgb: 222, 223, 226;
$wayward-wind-light: mix(#fff, $wayward-wind, 20%);
$wayward-wind-dark: mix(#000, $wayward-wind, 20%);
.element {
color: $wayward-wind;
box-shadow: 0 0 0 2px rgba($wayward-wind, 0.35);
}