Nazwany kolor · #C3D9E4
Magic Wand
Magic Wand to #C3D9E4: rgb(195 217 228), hsl(200 38% 83%), oklch(0.872 0.028 229.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Magic Wand color name →
#C3D9E4
oklch(0.872 0.028 229.2)
Konwersje koloru
- HEX
- #c3d9e4
- RGB
- rgb(195 217 228)
- HSL
- hsl(200 38% 83%)
- HWB
- hwb(200 76% 11%)
- OKLCH
- oklch(0.872 0.028 229.2)
- OKLab
- oklab(0.872 -0.018 -0.021)
- CIE Lab
- lab(85.3 -5.95 -8.05)
- LCH
- lch(85.3 10.01 233.6)
- CMYK
- cmyk(14% 5% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9DDE7
- CFE1E9
- D5E4EC
- DBE8EF
- E1ECF2
- E7F0F4
- EDF4F7
- F3F7FA
- F9FBFC
Odcienie ciemniejsze
- A9BCC6
- 90A1A9
- 78868D
- 606C72
- 4A5358
- 343B3F
- 202528
- 0E1112
- 020203
Tony
- BCD0DA
- B5C7CF
- AFBDC5
- A8B4BB
- A1ABB1
- 9AA3A7
- 949A9D
- 8D9193
- 87898A
Harmonie kolorów
Komplementarna +180°
- C3D9E4
Magic Wand
- E5D0C5
≈ Sheer Blouse
Analogowa -30° +30°
- C3D9E4
Magic Wand
- C1DBDC
≈ Cold Air Turquoise
- CAD6E8
≈ Heroic Heron
Triada +120° +240°
- C3D9E4
Magic Wand
- E4CED8
≈ Ephemeral Red
- D6D7C2
≈ Veltliner White
Komplementarna rozszczepiona +150° +210°
- C3D9E4
Magic Wand
- E7CECE
≈ Slightly Rose
- DFD3C1
≈ Grain of Rice
Tetrada +90° +180° +270°
- C3D9E4
Magic Wand
- DDCFE1
≈ Purple Mist
- E5D0C5
≈ Sheer Blouse
- CCDAC8
≈ April Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.36:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--magic-wand: #c3d9e4;
--magic-wand-rgb: 195 217 228;
--magic-wand-oklch: oklch(0.872 0.028 229.2);
}
.element {
color: var(--magic-wand);
background-color: hsl(200 38% 83%);
border-color: oklch(0.872 0.028 229.2);
}Tailwind CSS v4
@theme {
--color-magic-wand: #c3d9e4;
--color-magic-wand-50: #eef7fc;
--color-magic-wand-100: #dfeaf0;
--color-magic-wand-200: #c9d7de;
--color-magic-wand-300: #aabac3;
--color-magic-wand-400: #8ea2ac;
--color-magic-wand-500: #748a95;
--color-magic-wand-600: #62757e;
--color-magic-wand-700: #4e5d65;
--color-magic-wand-800: #38454a;
--color-magic-wand-900: #272f33;
--color-magic-wand-950: #151c1f;
}SCSS
$magic-wand: #c3d9e4;
$magic-wand-rgb: 195, 217, 228;
$magic-wand-light: mix(#fff, $magic-wand, 20%);
$magic-wand-dark: mix(#000, $magic-wand, 20%);
.element {
color: $magic-wand;
box-shadow: 0 0 0 2px rgba($magic-wand, 0.35);
}