Nazwany kolor · #ADA295
Mega Greige
Mega Greige to #ADA295: rgb(173 162 149), hsl(32 13% 63%), oklch(0.718 0.022 72.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mega Greige color name →
#ADA295
oklch(0.718 0.022 72.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5AB9F
- BDB4A9
- C5BDB4
- CDC6BE
- D5D0C9
- DED9D3
- E6E2DE
- EEECE9
- F7F5F4
Odcienie ciemniejsze
- 968C81
- 7F776D
- 6A635A
- 554F48
- 413C37
- 2D2A26
- 1B1916
- 0B0A08
- 010101
Tony
- A89F93
- A49B91
- 9F988F
- 9B948D
- 96918B
- 928D88
- 8D8A86
- 898784
- 848382
Harmonie kolorów
Komplementarna +180°
- ADA295
Mega Greige
- 9AA5B2
≈ Acier Tint
Analogowa -30° +30°
- ADA295
Mega Greige
- B1A099
≈ Moleskin
- A6A595
≈ Whale Watching
Triada +120° +240°
- ADA295
Mega Greige
- 95A9A7
≈ Mythical Blue
- A9A0AE
≈ Grapeade
Komplementarna rozszczepiona +150° +210°
- ADA295
Mega Greige
- 95A7AE
≈ Celestra Grey
- A1A3B2
≈ Pandemonium
Tetrada +90° +180° +270°
- ADA295
Mega Greige
- 98A9A0
≈ Melville
- 9AA5B2
≈ Acier Tint
- AF9FA8
≈ Symbolic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.50:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.37:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
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);
}