Cor nomeada · #ADA7B9
Morning Mist Grey
Morning Mist Grey é #ADA7B9: rgb(173 167 185), hsl(260 11% 69%), oklch(0.739 0.026 300.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Morning Mist Grey color name →
#ADA7B9
oklch(0.739 0.026 300.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B5AFC0
- BDB8C7
- C5C1CE
- CDC9D5
- D5D2DC
- DDDBE3
- E6E4EA
- EEEDF1
- F7F6F8
Sombras
- 9691A0
- 7F7B89
- 6A6671
- 55525B
- 413E46
- 2D2C31
- 1B1A1E
- 0B0A0D
- 010102
Tons
- A8A3B3
- A49FAD
- 9F9BA8
- 9B97A2
- 96939C
- 928F96
- 8D8C91
- 89888B
- 848486
Harmonias de cor
Complementar +180°
- ADA7B9
Morning Mist Grey
- A8AD9B
≈ Mountain Lichen
Análoga -30° +30°
- ADA7B9
Morning Mist Grey
- A4AABC
≈ Lilac Time
- B5A5B2
≈ Buckwheat Mauve
Tríade +120° +240°
- ADA7B9
Morning Mist Grey
- B7A79A
≈ Runelord Brass
- 99B0AB
≈ 5-Masted Preußen
Complementar dividida +150° +210°
- ADA7B9
Morning Mist Grey
- B1AA98
≈ Mountain Shade
- 9FB0A2
≈ Powdered Gum
Tétrade +90° +180° +270°
- ADA7B9
Morning Mist Grey
- BBA5A1
≈ Florida Grey
- A8AD9B
≈ Mountain Lichen
- 98AFB4
≈ Interesting Aqua
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.00:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
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);
}