Benannte Farbe · #C1EDD3
Spatial Spirit
Spatial Spirit ist #C1EDD3: rgb(193 237 211), hsl(145 55% 84%), oklch(0.908 0.058 159.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Spatial Spirit color name →
#C1EDD3
oklch(0.908 0.058 159.1)
Farbumrechnungen
- HEX
- #c1edd3
- RGB
- rgb(193 237 211)
- HSL
- hsl(145 55% 84%)
- HWB
- hwb(145 76% 7%)
- OKLCH
- oklch(0.908 0.058 159.1)
- OKLab
- oklab(0.908 -0.054 0.021)
- CIE Lab
- lab(90.1 -18.51 7.72)
- LCH
- lch(90.1 20.05 157.4)
- CMYK
- cmyk(19% 0% 11% 7%)
Tints · Shades · Tones
Tints
- C7EFD7
- CEF1DC
- D4F3E0
- DAF4E4
- E0F6E9
- E7F8ED
- EDFAF2
- F3FBF6
- F9FDFB
Shades
- A7CEB7
- 8FB09C
- 779382
- 5F7769
- 495C51
- 34423A
- 202A24
- 0E1410
- 020302
Tones
- BAE2CA
- B4D6C2
- ADCBB9
- A7C0B1
- A0B5A9
- 9AAAA0
- 939F98
- 8D9590
- 878A88
Farbharmonien
Komplementär +180°
- C1EDD3
Spatial Spirit
- FCD2ED
≈ Little Smile
Analog -30° +30°
- C1EDD3
Spatial Spirit
- D5E9C0
≈ Sweet Spring
- B5EEE8
≈ Mint Macaron
Triadisch +120° +240°
- C1EDD3
Spatial Spirit
- DADEFF
≈ Transparent Blue
- FFD6C9
≈ Tiny Pink
Geteilt komplementär +150° +210°
- C1EDD3
Spatial Spirit
- ECD7FE
≈ Lavender Savour
- FFD4DA
≈ No Need to Blush
Tetradisch +90° +180° +270°
- C1EDD3
Spatial Spirit
- CAE4FF
≈ Fresh Water
- FCD2ED
≈ Little Smile
- FADBB8
≈ Three Ring Circus
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.32:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.32:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--spatial-spirit: #c1edd3;
--spatial-spirit-rgb: 193 237 211;
--spatial-spirit-oklch: oklch(0.908 0.058 159.1);
}
.element {
color: var(--spatial-spirit);
background-color: hsl(145 55% 84%);
border-color: oklch(0.908 0.058 159.1);
}Tailwind CSS v4
@theme {
--color-spatial-spirit: #c1edd3;
--color-spatial-spirit-50: #e8fbf0;
--color-spatial-spirit-100: #d8eee2;
--color-spatial-spirit-200: #c0dccc;
--color-spatial-spirit-300: #9ec1ae;
--color-spatial-spirit-400: #82a992;
--color-spatial-spirit-500: #659278;
--color-spatial-spirit-600: #567c66;
--color-spatial-spirit-700: #446351;
--color-spatial-spirit-800: #32493a;
--color-spatial-spirit-900: #223228;
--color-spatial-spirit-950: #111e16;
}SCSS
$spatial-spirit: #c1edd3;
$spatial-spirit-rgb: 193, 237, 211;
$spatial-spirit-light: mix(#fff, $spatial-spirit, 20%);
$spatial-spirit-dark: mix(#000, $spatial-spirit, 20%);
.element {
color: $spatial-spirit;
box-shadow: 0 0 0 2px rgba($spatial-spirit, 0.35);
}