Colore con nome · #D5D593
Mellow Green
Mellow Green è #D5D593: rgb(213 213 147), hsl(60 44% 71%), oklch(0.857 0.086 108.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mellow Green color name →
#D5D593
oklch(0.857 0.086 108.1)
Conversioni di colore
- HEX
- #d5d593
- RGB
- rgb(213 213 147)
- HSL
- hsl(60 44% 71%)
- HWB
- hwb(60 58% 16%)
- OKLCH
- oklch(0.857 0.086 108.1)
- OKLab
- oklab(0.857 -0.027 0.081)
- CIE Lab
- lab(84.11 -7.47 32.73)
- LCH
- lch(84.11 33.57 102.8)
- CMYK
- cmyk(0% 0% 31% 16%)
Tinte · Ombre · Toni
Tinte
- D9D99E
- DDDEA9
- E1E2B4
- E5E6BF
- EAEACA
- EEEED4
- F2F3DF
- F6F7EA
- FBFBF4
Ombre
- B9B97F
- 9E9E6C
- 838359
- 6A6A47
- 515136
- 3A3A25
- 242416
- 101008
- 020201
Toni
- CCCC92
- C3C490
- BBBB8F
- B2B28D
- A9AA8B
- A1A189
- 999987
- 909185
- 888882
Armonie di colore
Complementare +180°
- D5D593
Mellow Green
- CDC9FF
≈ Innocent Snowdrop
Analogo -30° +30°
- D5D593
Mellow Green
- EFCA90
≈ Sweet!
- B5DEA7
≈ Embroidered Silk
Triadico +120° +240°
- D5D593
Mellow Green
- 93DCFD
≈ Gas Giant
- FBBADA
≈ Pink Satin
Complementare divisa +150° +210°
- D5D593
Mellow Green
- B4D2FF
≈ Ice Cold Stare
- E8BFF5
≈ Lovecloud
Tetradico +90° +180° +270°
- D5D593
Mellow Green
- 89E2E4
≈ Paradisiacal Getaway
- CDC9FF
≈ Innocent Snowdrop
- FFBCBD
≈ Peach Scone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.76:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--mellow-green: #d5d593;
--mellow-green-rgb: 213 213 147;
--mellow-green-oklch: oklch(0.857 0.086 108.1);
}
.element {
color: var(--mellow-green);
background-color: hsl(60 44% 71%);
border-color: oklch(0.857 0.086 108.1);
}Tailwind CSS v4
@theme {
--color-mellow-green: #d5d593;
--color-mellow-green-50: #f6f8dc;
--color-mellow-green-100: #e9ebcb;
--color-mellow-green-200: #d6d8ae;
--color-mellow-green-300: #b9bc89;
--color-mellow-green-400: #a3a366;
--color-mellow-green-500: #8b8a43;
--color-mellow-green-600: #76753a;
--color-mellow-green-700: #5e5e2e;
--color-mellow-green-800: #46441f;
--color-mellow-green-900: #312f14;
--color-mellow-green-950: #1d1c06;
}SCSS
$mellow-green: #d5d593;
$mellow-green-rgb: 213, 213, 147;
$mellow-green-light: mix(#fff, $mellow-green, 20%);
$mellow-green-dark: mix(#000, $mellow-green, 20%);
.element {
color: $mellow-green;
box-shadow: 0 0 0 2px rgba($mellow-green, 0.35);
}