Benannte Farbe · #C1CEDA
Magical
Magical ist #C1CEDA: rgb(193 206 218), hsl(209 25% 81%), oklch(0.845 0.022 245.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Magical color name →
#C1CEDA
oklch(0.845 0.022 245.9)
Farbumrechnungen
- HEX
- #c1ceda
- RGB
- rgb(193 206 218)
- HSL
- hsl(209 25% 81%)
- HWB
- hwb(209 76% 15%)
- OKLCH
- oklch(0.845 0.022 245.9)
- OKLab
- oklab(0.845 -0.009 -0.02)
- CIE Lab
- lab(82.03 -2.8 -7.57)
- LCH
- lch(82.03 8.07 249.7)
- CMYK
- cmyk(11% 6% 0% 15%)
Tints · Shades · Tones
Tints
- C7D3DE
- CDD8E1
- D3DDE5
- D9E1E9
- E0E6EC
- E6EBF0
- ECF0F4
- F2F5F8
- F9FAFB
Shades
- A7B3BD
- 8F98A2
- 777F87
- 5F666C
- 494E54
- 34383C
- 202325
- 0E0F11
- 020202
Tones
- BAC6D1
- B4BEC7
- ADB6BE
- A6AEB5
- A0A6AC
- 999EA3
- 93979A
- 8D8F91
- 868789
Farbharmonien
Komplementär +180°
- C1CEDA
Magical
- D7CABE
≈ In the Buff
Analog -30° +30°
- C1CEDA
Magical
- BDD0D5
≈ Lament Blue
- C8CBDB
≈ Lavender Steel
Triadisch +120° +240°
- C1CEDA
Magical
- DAC7CA
≈ Light Pink Polar
- C8CFC0
≈ Frosty Pine
Geteilt komplementär +150° +210°
- C1CEDA
Magical
- DAC8C2
≈ Pink Chantilly
- D0CCBD
≈ Shoreline Haze
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.10:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--magical: #c1ceda;
--magical-rgb: 193 206 218;
--magical-oklch: oklch(0.845 0.022 245.9);
}
.element {
color: var(--magical);
background-color: hsl(209 25% 81%);
border-color: oklch(0.845 0.022 245.9);
}Tailwind CSS v4
@theme {
--color-magical: #c1ceda;
--color-magical-50: #f0f6fb;
--color-magical-100: #e2e9ef;
--color-magical-200: #cdd5dd;
--color-magical-300: #afb9c2;
--color-magical-400: #94a0ab;
--color-magical-500: #7b8894;
--color-magical-600: #68737d;
--color-magical-700: #535c64;
--color-magical-800: #3c434a;
--color-magical-900: #292f33;
--color-magical-950: #171b1f;
}SCSS
$magical: #c1ceda;
$magical-rgb: 193, 206, 218;
$magical-light: mix(#fff, $magical, 20%);
$magical-dark: mix(#000, $magical, 20%);
.element {
color: $magical;
box-shadow: 0 0 0 2px rgba($magical, 0.35);
}