Adlandırılmış renk · #C4C476
Mélange Green
Mélange Green, #C4C476: rgb(196 196 118), hsl(60 40% 62%), oklch(0.803 0.1 108.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Mélange Green color name →
#C4C476
oklch(0.803 0.1 108.5)
Renk dönüşümleri
- HEX
- #c4c476
- RGB
- rgb(196 196 118)
- HSL
- hsl(60 40% 62%)
- HWB
- hwb(60 46% 23%)
- OKLCH
- oklch(0.803 0.1 108.5)
- OKLab
- oklab(0.803 -0.032 0.095)
- CIE Lab
- lab(77.85 -8.46 39.08)
- LCH
- lch(77.85 39.99 102.2)
- CMYK
- cmyk(0% 0% 40% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CACA85
- CFD093
- D5D6A0
- DBDCAE
- E1E2BC
- E7E8C9
- EDEDD7
- F3F3E4
- F9F9F2
Koyu tonlar
- AAAA66
- 919156
- 787847
- 616138
- 4A4A29
- 35351C
- 21210F
- 0E0E05
- 020201
Gri tonlar
- BDBD78
- B6B67A
- AFAF7B
- A8A97D
- A1A27E
- 9A9B7F
- 94947F
- 8D8D80
- 868780
Renk uyumları
Tamamlayıcı +180°
- C4C476
Mélange Green
- BCB4FC
≈ Greyish Lavender
Analog -30° +30°
- C4C476
Mélange Green
- E2B772
≈ Veranda Yellow
- 9ECE8F
≈ Gentle Landscape
Üçlü +120° +240°
- C4C476
Mélange Green
- 74CBF2
≈ Nevermind Nirvana
- F0A4C9
≈ Elastic Pink
Bölünmüş tamamlayıcı +150° +210°
- C4C476
Mélange Green
- 97C0FF
≈ Pastel Blue
- DAAAE8
≈ Petal Plush
Dörtlü +90° +180° +270°
- C4C476
Mélange Green
- 65D2D6
≈ Throat Chakra
- BCB4FC
≈ Greyish Lavender
- F9A4A6
≈ Her Majesty
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.50:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.50:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--melange-green: #c4c476;
--melange-green-rgb: 196 196 118;
--melange-green-oklch: oklch(0.803 0.1 108.5);
}
.element {
color: var(--melange-green);
background-color: hsl(60 40% 62%);
border-color: oklch(0.803 0.1 108.5);
}Tailwind CSS v4
@theme {
--color-melange-green: #c4c476;
--color-melange-green-50: #f6f8d8;
--color-melange-green-100: #e9ecc5;
--color-melange-green-200: #d6d9a7;
--color-melange-green-300: #babd80;
--color-melange-green-400: #a3a35b;
--color-melange-green-500: #8c8b32;
--color-melange-green-600: #77762c;
--color-melange-green-700: #5f5e23;
--color-melange-green-800: #474417;
--color-melange-green-900: #312f0e;
--color-melange-green-950: #1d1c02;
}SCSS
$melange-green: #c4c476;
$melange-green-rgb: 196, 196, 118;
$melange-green-light: mix(#fff, $melange-green, 20%);
$melange-green-dark: mix(#000, $melange-green, 20%);
.element {
color: $melange-green;
box-shadow: 0 0 0 2px rgba($melange-green, 0.35);
}