Nazwany kolor · #DFF1FD
Wizard White
Wizard White to #DFF1FD: rgb(223 241 253), hsl(204 88% 93%), oklch(0.948 0.025 236.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wizard White color name →
#DFF1FD
oklch(0.948 0.025 236.8)
Konwersje koloru
- HEX
- #dff1fd
- RGB
- rgb(223 241 253)
- HSL
- hsl(204 88% 93%)
- HWB
- hwb(204 87% 1%)
- OKLCH
- oklch(0.948 0.025 236.8)
- OKLab
- oklab(0.948 -0.014 -0.021)
- CIE Lab
- lab(94.07 -4.4 -7.94)
- LCH
- lch(94.07 9.07 241)
- CMYK
- cmyk(12% 5% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2F2FD
- E5F4FD
- E9F5FE
- ECF7FE
- EFF8FE
- F2F9FE
- F5FBFE
- F9FCFF
- FCFEFF
Odcienie ciemniejsze
- C2D2DC
- A5B3BC
- 8A959D
- 6F797F
- 565D62
- 3D4347
- 272B2D
- 121416
- 020303
Tony
- D5E5F0
- CBD9E3
- C2CED6
- B8C2C9
- AEB7BD
- A5ACB0
- 9CA1A4
- 929698
- 898B8C
Harmonie kolorów
Komplementarna +180°
- DFF1FD
Wizard White
- FCEADE
≈ Morning Sigh
Analogowa -30° +30°
- DFF1FD
Wizard White
- DCF3F6
≈ Fishious Rend
- E6EEFF
≈ Brilliant White
Triada +120° +240°
- DFF1FD
Wizard White
- FDE7EE
≈ Nosegay
- ECF0DE
≈ Nursery Green
Komplementarna rozszczepiona +150° +210°
- DFF1FD
Wizard White
- FFE8E5
≈ Sheer Rosebud
- F5EDDB
≈ White Mountain
Tetrada +90° +180° +270°
- DFF1FD
Wizard White
- F7E8F7
≈ Cherry Pearl
- FCEADE
≈ Morning Sigh
- E4F3E4
≈ Aquarelle Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.13:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.13:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--wizard-white: #dff1fd;
--wizard-white-rgb: 223 241 253;
--wizard-white-oklch: oklch(0.948 0.025 236.8);
}
.element {
color: var(--wizard-white);
background-color: hsl(204 88% 93%);
border-color: oklch(0.948 0.025 236.8);
}Tailwind CSS v4
@theme {
--color-wizard-white: #dff1fd;
--color-wizard-white-50: #eff6fc;
--color-wizard-white-100: #e1e9ef;
--color-wizard-white-200: #cbd6de;
--color-wizard-white-300: #acbac3;
--color-wizard-white-400: #91a1ac;
--color-wizard-white-500: #778995;
--color-wizard-white-600: #65747e;
--color-wizard-white-700: #515d65;
--color-wizard-white-800: #3a444a;
--color-wizard-white-900: #282f33;
--color-wizard-white-950: #161b1f;
}SCSS
$wizard-white: #dff1fd;
$wizard-white-rgb: 223, 241, 253;
$wizard-white-light: mix(#fff, $wizard-white, 20%);
$wizard-white-dark: mix(#000, $wizard-white, 20%);
.element {
color: $wizard-white;
box-shadow: 0 0 0 2px rgba($wizard-white, 0.35);
}