Color con nombre · #ADAFBD
Polar Mist
Polar Mist es #ADAFBD: rgb(173 175 189), hsl(233 11% 71%), oklch(0.757 0.02 279.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Polar Mist color name →
#ADAFBD
oklch(0.757 0.02 279.4)
Conversiones de color
- HEX
- #adafbd
- RGB
- rgb(173 175 189)
- HSL
- hsl(233 11% 71%)
- HWB
- hwb(233 68% 26%)
- OKLCH
- oklch(0.757 0.02 279.4)
- OKLab
- oklab(0.757 0.003 -0.02)
- CIE Lab
- lab(71.63 1.33 -7.43)
- LCH
- lch(71.63 7.55 280.1)
- CMYK
- cmyk(8% 7% 0% 26%)
Tintes · Sombras · Tonos
Tintes
- B5B7C3
- BDBFCA
- C5C6D0
- CDCED7
- D5D6DE
- DDDEE4
- E6E6EB
- EEEFF2
- F7F7F8
Sombras
- 9698A4
- 7F818C
- 6A6B74
- 55565D
- 414147
- 2D2E33
- 1B1C1F
- 0B0B0D
- 010102
Tonos
- A8AAB7
- A4A5B0
- 9FA1AA
- 9B9CA4
- 96979E
- 929298
- 8D8E92
- 89898C
- 848586
Armonías de color
Complementario +180°
- ADAFBD
Polar Mist
- B3B1A2
≈ Light Sage
Análogo -30° +30°
- ADAFBD
Polar Mist
- A7B1BD
≈ Grey Agate
- B4ADBA
≈ Audition
Triádico +120° +240°
- ADAFBD
Polar Mist
- BCACA7
≈ Taupedo
- A6B4AC
≈ Atlantic Foam
Complementario dividido +150° +210°
- ADAFBD
Polar Mist
- B9AEA3
≈ Nightingale Grey
- ACB3A6
≈ Forever Green
Tetrádico +90° +180° +270°
- ADAFBD
Polar Mist
- BCABAD
≈ Aniline Mauve
- B3B1A2
≈ Light Sage
- A2B4B3
≈ Marine Layer
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.64:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.64:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--polar-mist: #adafbd;
--polar-mist-rgb: 173 175 189;
--polar-mist-oklch: oklch(0.757 0.02 279.4);
}
.element {
color: var(--polar-mist);
background-color: hsl(233 11% 71%);
border-color: oklch(0.757 0.02 279.4);
}Tailwind CSS v4
@theme {
--color-polar-mist: #adafbd;
--color-polar-mist-50: #f4f5fb;
--color-polar-mist-100: #e6e7ef;
--color-polar-mist-200: #d2d3dd;
--color-polar-mist-300: #b5b6c2;
--color-polar-mist-400: #9c9daa;
--color-polar-mist-500: #838594;
--color-polar-mist-600: #6f717d;
--color-polar-mist-700: #595a64;
--color-polar-mist-800: #404249;
--color-polar-mist-900: #2c2d33;
--color-polar-mist-950: #191a1f;
}SCSS
$polar-mist: #adafbd;
$polar-mist-rgb: 173, 175, 189;
$polar-mist-light: mix(#fff, $polar-mist, 20%);
$polar-mist-dark: mix(#000, $polar-mist, 20%);
.element {
color: $polar-mist;
box-shadow: 0 0 0 2px rgba($polar-mist, 0.35);
}