이름 색상 · #ADA7B9
Morning Mist Grey
Morning Mist Grey은(는) #ADA7B9: rgb(173 167 185), hsl(260 11% 69%), oklch(0.739 0.026 300.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Morning Mist Grey color name →
#ADA7B9
oklch(0.739 0.026 300.9)
색상 변환
- HEX
- #ada7b9
- RGB
- rgb(173 167 185)
- HSL
- hsl(260 11% 69%)
- HWB
- hwb(260 65% 27%)
- OKLCH
- oklch(0.739 0.026 300.9)
- OKLab
- oklab(0.739 0.014 -0.023)
- CIE Lab
- lab(69.43 4.82 -8.47)
- LCH
- lch(69.43 9.75 299.6)
- CMYK
- cmyk(6% 10% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- B5AFC0
- BDB8C7
- C5C1CE
- CDC9D5
- D5D2DC
- DDDBE3
- E6E4EA
- EEEDF1
- F7F6F8
셰이드
- 9691A0
- 7F7B89
- 6A6671
- 55525B
- 413E46
- 2D2C31
- 1B1A1E
- 0B0A0D
- 010102
톤
- A8A3B3
- A49FAD
- 9F9BA8
- 9B97A2
- 96939C
- 928F96
- 8D8C91
- 89888B
- 848486
색 조화
보색 +180°
- ADA7B9
Morning Mist Grey
- A8AD9B
≈ Mountain Lichen
유사색 -30° +30°
- ADA7B9
Morning Mist Grey
- A4AABC
≈ Lilac Time
- B5A5B2
≈ Buckwheat Mauve
삼각 배색 +120° +240°
- ADA7B9
Morning Mist Grey
- B7A79A
≈ Runelord Brass
- 99B0AB
≈ 5-Masted Preußen
분열 보색 +150° +210°
- ADA7B9
Morning Mist Grey
- B1AA98
≈ Mountain Shade
- 9FB0A2
≈ Powdered Gum
사각 배색 +90° +180° +270°
- ADA7B9
Morning Mist Grey
- BBA5A1
≈ Florida Grey
- A8AD9B
≈ Mountain Lichen
- 98AFB4
≈ Interesting Aqua
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.00:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--morning-mist-grey: #ada7b9;
--morning-mist-grey-rgb: 173 167 185;
--morning-mist-grey-oklch: oklch(0.739 0.026 300.9);
}
.element {
color: var(--morning-mist-grey);
background-color: hsl(260 11% 69%);
border-color: oklch(0.739 0.026 300.9);
}Tailwind CSS v4
@theme {
--color-morning-mist-grey: #ada7b9;
--color-morning-mist-grey-50: #f6f3fc;
--color-morning-mist-grey-100: #e9e6ef;
--color-morning-mist-grey-200: #d6d2de;
--color-morning-mist-grey-300: #bab4c3;
--color-morning-mist-grey-400: #a19bac;
--color-morning-mist-grey-500: #898295;
--color-morning-mist-grey-600: #746e7e;
--color-morning-mist-grey-700: #5d5865;
--color-morning-mist-grey-800: #43404a;
--color-morning-mist-grey-900: #2f2c34;
--color-morning-mist-grey-950: #1b1a1f;
}SCSS
$morning-mist-grey: #ada7b9;
$morning-mist-grey-rgb: 173, 167, 185;
$morning-mist-grey-light: mix(#fff, $morning-mist-grey, 20%);
$morning-mist-grey-dark: mix(#000, $morning-mist-grey, 20%);
.element {
color: $morning-mist-grey;
box-shadow: 0 0 0 2px rgba($morning-mist-grey, 0.35);
}