Colore con nome · #D1E9C4
Green Song
Green Song è #D1E9C4: rgb(209 233 196), hsl(99 46% 84%), oklch(0.907 0.056 134.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Song color name →
#D1E9C4
oklch(0.907 0.056 134.5)
Conversioni di colore
- HEX
- #d1e9c4
- RGB
- rgb(209 233 196)
- HSL
- hsl(99 46% 84%)
- HWB
- hwb(99 77% 9%)
- OKLCH
- oklch(0.907 0.056 134.5)
- OKLab
- oklab(0.907 -0.039 0.04)
- CIE Lab
- lab(89.84 -13.15 15.26)
- LCH
- lch(89.84 20.14 130.7)
- CMYK
- cmyk(10% 0% 16% 9%)
Tinte · Ombre · Toni
Tinte
- D6EBCA
- DAEDD0
- DFF0D6
- E3F2DC
- E8F4E1
- EDF6E7
- F1F8ED
- F6FBF3
- FAFDF9
Ombre
- B5CBAA
- 9BAD91
- 819078
- 687461
- 505A4A
- 394135
- 232921
- 10130E
- 020302
Toni
- C9DEBD
- C0D3B6
- B8C8AF
- B0BEA8
- A8B3A2
- A0A99B
- 989E94
- 90948D
- 888A87
Armonie di colore
Complementare +180°
- D1E9C4
Green Song
- EED6FA
≈ Scented Spring
Analogo -30° +30°
- D1E9C4
Green Song
- E5E3B8
≈ Schabziger Green
- BFECD7
≈ Seafoam Pearl
Triadico +120° +240°
- D1E9C4
Green Song
- CCE2FF
≈ Arc Light
- FFD4D6
≈ We Peep
Complementare divisa +150° +210°
- D1E9C4
Green Song
- DCDDFF
≈ Transparent Blue
- FCD2E9
≈ Little Smile
Tetradico +90° +180° +270°
- D1E9C4
Green Song
- B9E9FC
≈ Blue Java Banana
- EED6FA
≈ Scented Spring
- FFD6C5
≈ Tiny Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.16:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--green-song: #d1e9c4;
--green-song-rgb: 209 233 196;
--green-song-oklch: oklch(0.907 0.056 134.5);
}
.element {
color: var(--green-song);
background-color: hsl(99 46% 84%);
border-color: oklch(0.907 0.056 134.5);
}Tailwind CSS v4
@theme {
--color-green-song: #d1e9c4;
--color-green-song-50: #eef9ea;
--color-green-song-100: #e0edda;
--color-green-song-200: #cadac3;
--color-green-song-300: #abbea3;
--color-green-song-400: #91a685;
--color-green-song-500: #778f69;
--color-green-song-600: #657959;
--color-green-song-700: #506147;
--color-green-song-800: #3b4733;
--color-green-song-900: #283122;
--color-green-song-950: #161d12;
}SCSS
$green-song: #d1e9c4;
$green-song-rgb: 209, 233, 196;
$green-song-light: mix(#fff, $green-song, 20%);
$green-song-dark: mix(#000, $green-song, 20%);
.element {
color: $green-song;
box-shadow: 0 0 0 2px rgba($green-song, 0.35);
}