Benannte Farbe · #C3D9CE
Fuchsite
Fuchsite ist #C3D9CE: rgb(195 217 206), hsl(150 22% 81%), oklch(0.866 0.028 164.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fuchsite color name →
#C3D9CE
oklch(0.866 0.028 164.3)
Farbumrechnungen
- HEX
- #c3d9ce
- RGB
- rgb(195 217 206)
- HSL
- hsl(150 22% 81%)
- HWB
- hwb(150 76% 15%)
- OKLCH
- oklch(0.866 0.028 164.3)
- OKLab
- oklab(0.866 -0.027 0.008)
- CIE Lab
- lab(84.81 -9.19 2.8)
- LCH
- lch(84.81 9.61 163)
- CMYK
- cmyk(10% 0% 5% 15%)
Tints · Shades · Tones
Tints
- C9DDD3
- CFE1D8
- D5E4DD
- DBE8E1
- E1ECE6
- E7F0EB
- EDF4F0
- F3F7F5
- F9FBFA
Shades
- A9BCB3
- 90A198
- 78867F
- 606C66
- 4A534E
- 343B38
- 202523
- 0E110F
- 020202
Tones
- BCD0C6
- B5C7BE
- AEBDB6
- A8B4AE
- A1ABA6
- 9AA39E
- 949A97
- 8D918F
- 878987
Farbharmonien
Komplementär +180°
- C3D9CE
Fuchsite
- E1CCD7
≈ Cassia Buds
Analog -30° +30°
- C3D9CE
Fuchsite
- CBD7C5
≈ Green Lane
- BFD9D8
≈ Haint Blue
Triadisch +120° +240°
- C3D9CE
Fuchsite
- D0D1E5
≈ Bashful Lilac
- E4CEC4
≈ Ginger Shortbread
Geteilt komplementär +150° +210°
- C3D9CE
Fuchsite
- DACEE0
≈ Violet Mist
- E5CCCD
≈ Mauve Morn
Tetradisch +90° +180° +270°
- C3D9CE
Fuchsite
- C7D4E5
≈ Violet Wisp
- E1CCD7
≈ Cassia Buds
- DED1BF
≈ Erosion
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.13:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--fuchsite: #c3d9ce;
--fuchsite-rgb: 195 217 206;
--fuchsite-oklch: oklch(0.866 0.028 164.3);
}
.element {
color: var(--fuchsite);
background-color: hsl(150 22% 81%);
border-color: oklch(0.866 0.028 164.3);
}Tailwind CSS v4
@theme {
--color-fuchsite: #c3d9ce;
--color-fuchsite-50: #eef8f3;
--color-fuchsite-100: #e0ebe6;
--color-fuchsite-200: #cad8d1;
--color-fuchsite-300: #abbcb4;
--color-fuchsite-400: #90a49a;
--color-fuchsite-500: #768c81;
--color-fuchsite-600: #64776d;
--color-fuchsite-700: #505f57;
--color-fuchsite-800: #3a463f;
--color-fuchsite-900: #28302c;
--color-fuchsite-950: #161c19;
}SCSS
$fuchsite: #c3d9ce;
$fuchsite-rgb: 195, 217, 206;
$fuchsite-light: mix(#fff, $fuchsite, 20%);
$fuchsite-dark: mix(#000, $fuchsite, 20%);
.element {
color: $fuchsite;
box-shadow: 0 0 0 2px rgba($fuchsite, 0.35);
}