Colore con nome · #ADA295
Mega Greige
Mega Greige è #ADA295: rgb(173 162 149), hsl(32 13% 63%), oklch(0.718 0.022 72.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mega Greige color name →
#ADA295
oklch(0.718 0.022 72.1)
Conversioni di colore
- HEX
- #ada295
- RGB
- rgb(173 162 149)
- HSL
- hsl(32 13% 63%)
- HWB
- hwb(32 58% 32%)
- OKLCH
- oklch(0.718 0.022 72.1)
- OKLab
- oklab(0.718 0.007 0.021)
- CIE Lab
- lab(67.29 2.46 8.3)
- LCH
- lch(67.29 8.66 73.5)
- CMYK
- cmyk(0% 6% 14% 32%)
Tinte · Ombre · Toni
Tinte
- B5AB9F
- BDB4A9
- C5BDB4
- CDC6BE
- D5D0C9
- DED9D3
- E6E2DE
- EEECE9
- F7F5F4
Ombre
- 968C81
- 7F776D
- 6A635A
- 554F48
- 413C37
- 2D2A26
- 1B1916
- 0B0A08
- 010101
Toni
- A89F93
- A49B91
- 9F988F
- 9B948D
- 96918B
- 928D88
- 8D8A86
- 898784
- 848382
Armonie di colore
Complementare +180°
- ADA295
Mega Greige
- 9AA5B2
≈ Acier Tint
Analogo -30° +30°
- ADA295
Mega Greige
- B1A099
≈ Moleskin
- A6A595
≈ Whale Watching
Triadico +120° +240°
- ADA295
Mega Greige
- 95A9A7
≈ Mythical Blue
- A9A0AE
≈ Grapeade
Complementare divisa +150° +210°
- ADA295
Mega Greige
- 95A7AE
≈ Celestra Grey
- A1A3B2
≈ Pandemonium
Tetradico +90° +180° +270°
- ADA295
Mega Greige
- 98A9A0
≈ Melville
- 9AA5B2
≈ Acier Tint
- AF9FA8
≈ Symbolic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.37:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--mega-greige: #ada295;
--mega-greige-rgb: 173 162 149;
--mega-greige-oklch: oklch(0.718 0.022 72.1);
}
.element {
color: var(--mega-greige);
background-color: hsl(32 13% 63%);
border-color: oklch(0.718 0.022 72.1);
}Tailwind CSS v4
@theme {
--color-mega-greige: #ada295;
--color-mega-greige-50: #f9f4ee;
--color-mega-greige-100: #ece7e0;
--color-mega-greige-200: #dad3ca;
--color-mega-greige-300: #beb6ab;
--color-mega-greige-400: #a79d90;
--color-mega-greige-500: #908476;
--color-mega-greige-600: #7a7064;
--color-mega-greige-700: #615950;
--color-mega-greige-800: #48413a;
--color-mega-greige-900: #322d28;
--color-mega-greige-950: #1e1a16;
}SCSS
$mega-greige: #ada295;
$mega-greige-rgb: 173, 162, 149;
$mega-greige-light: mix(#fff, $mega-greige, 20%);
$mega-greige-dark: mix(#000, $mega-greige, 20%);
.element {
color: $mega-greige;
box-shadow: 0 0 0 2px rgba($mega-greige, 0.35);
}