Colore con nome · #D1E8C2
Sweet Spring
Sweet Spring è #D1E8C2: rgb(209 232 194), hsl(96 45% 84%), oklch(0.904 0.056 133). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sweet Spring color name →
#D1E8C2
oklch(0.904 0.056 133)
Conversioni di colore
- HEX
- #d1e8c2
- RGB
- rgb(209 232 194)
- HSL
- hsl(96 45% 84%)
- HWB
- hwb(96 76% 9%)
- OKLCH
- oklch(0.904 0.056 133)
- OKLab
- oklab(0.904 -0.038 0.041)
- CIE Lab
- lab(89.54 -12.92 15.88)
- LCH
- lch(89.54 20.47 129.1)
- CMYK
- cmyk(10% 0% 16% 9%)
Tinte · Ombre · Toni
Tinte
- D6EAC8
- DAEDCE
- DFEFD4
- E3F1DA
- E8F4E0
- EDF6E7
- F1F8ED
- F6FAF3
- FAFDF9
Ombre
- B5CAA8
- 9BAC8F
- 819077
- 687460
- 505949
- 394034
- 232920
- 10130E
- 020302
Toni
- C9DDBB
- C0D2B5
- B8C8AE
- B0BDA7
- A8B3A1
- A0A89A
- 989E94
- 90948D
- 888A86
Armonie di colore
Complementare +180°
- D1E8C2
Sweet Spring
- EDD5FB
≈ Rose Dragée
Analogo -30° +30°
- D1E8C2
Sweet Spring
- E6E2B7
≈ Schabziger Green
- BEECD5
≈ Spatial Spirit
Triadico +120° +240°
- D1E8C2
Sweet Spring
- CAE2FF
≈ Arc Light
- FFD2D6
≈ Love Fumes
Complementare divisa +150° +210°
- D1E8C2
Sweet Spring
- DADCFF
≈ Transparent Blue
- FBD1E9
≈ Little Smile
Tetradico +90° +180° +270°
- D1E8C2
Sweet Spring
- B7E8FB
≈ Breaking the Ice
- EDD5FB
≈ Rose Dragée
- FFD5C4
≈ Tiny Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.03:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-spring: #d1e8c2;
--sweet-spring-rgb: 209 232 194;
--sweet-spring-oklch: oklch(0.904 0.056 133);
}
.element {
color: var(--sweet-spring);
background-color: hsl(96 45% 84%);
border-color: oklch(0.904 0.056 133);
}Tailwind CSS v4
@theme {
--color-sweet-spring: #d1e8c2;
--color-sweet-spring-50: #eef9e9;
--color-sweet-spring-100: #e0ecda;
--color-sweet-spring-200: #cadac2;
--color-sweet-spring-300: #abbea2;
--color-sweet-spring-400: #92a684;
--color-sweet-spring-500: #788f68;
--color-sweet-spring-600: #657958;
--color-sweet-spring-700: #516146;
--color-sweet-spring-800: #3c4732;
--color-sweet-spring-900: #293122;
--color-sweet-spring-950: #171d11;
}SCSS
$sweet-spring: #d1e8c2;
$sweet-spring-rgb: 209, 232, 194;
$sweet-spring-light: mix(#fff, $sweet-spring, 20%);
$sweet-spring-dark: mix(#000, $sweet-spring, 20%);
.element {
color: $sweet-spring;
box-shadow: 0 0 0 2px rgba($sweet-spring, 0.35);
}