이름 색상 · #ADA295
Mega Greige
Mega Greige은(는) #ADA295: rgb(173 162 149), hsl(32 13% 63%), oklch(0.718 0.022 72.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mega Greige color name →
#ADA295
oklch(0.718 0.022 72.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B5AB9F
- BDB4A9
- C5BDB4
- CDC6BE
- D5D0C9
- DED9D3
- E6E2DE
- EEECE9
- F7F5F4
셰이드
- 968C81
- 7F776D
- 6A635A
- 554F48
- 413C37
- 2D2A26
- 1B1916
- 0B0A08
- 010101
톤
- A89F93
- A49B91
- 9F988F
- 9B948D
- 96918B
- 928D88
- 8D8A86
- 898784
- 848382
색 조화
보색 +180°
- ADA295
Mega Greige
- 9AA5B2
≈ Acier Tint
유사색 -30° +30°
- ADA295
Mega Greige
- B1A099
≈ Moleskin
- A6A595
≈ Whale Watching
삼각 배색 +120° +240°
- ADA295
Mega Greige
- 95A9A7
≈ Mythical Blue
- A9A0AE
≈ Grapeade
분열 보색 +150° +210°
- ADA295
Mega Greige
- 95A7AE
≈ Celestra Grey
- A1A3B2
≈ Pandemonium
사각 배색 +90° +180° +270°
- ADA295
Mega Greige
- 98A9A0
≈ Melville
- 9AA5B2
≈ Acier Tint
- AF9FA8
≈ Symbolic
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.50:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.37:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
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);
}