色名 · #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);
}