Color con nombre · #94A9B7
Ashen Wind
Ashen Wind es #94A9B7: rgb(148 169 183), hsl(204 20% 65%), oklch(0.723 0.031 237.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ashen Wind color name →
#94A9B7
oklch(0.723 0.031 237.1)
Conversiones de color
- HEX
- #94a9b7
- RGB
- rgb(148 169 183)
- HSL
- hsl(204 20% 65%)
- HWB
- hwb(204 58% 28%)
- OKLCH
- oklch(0.723 0.031 237.1)
- OKLab
- oklab(0.723 -0.017 -0.026)
- CIE Lab
- lab(67.95 -5.29 -9.82)
- LCH
- lch(67.95 11.15 241.7)
- CMYK
- cmyk(19% 8% 0% 28%)
Tintes · Sombras · Tonos
Tintes
- 9EB1BE
- A9BAC5
- B3C2CC
- BECBD3
- C8D3DB
- D3DCE2
- DEE5E9
- E9EDF0
- F4F6F8
Sombras
- 80929F
- 6D7C87
- 5A6770
- 48535A
- 363F45
- 262C31
- 161B1E
- 080A0C
- 010102
Tonos
- 92A5B1
- 90A1AC
- 8E9DA6
- 8C98A1
- 8A949B
- 889096
- 868C90
- 84888B
- 828485
Armonías de color
Complementario +180°
- 94A9B7
Ashen Wind
- B5A193
≈ Net Worker
Análogo -30° +30°
- 94A9B7
Ashen Wind
- 90ACAF
≈ Beach Cottage
- 9DA5BA
≈ Icelandic Blue
Triádico +120° +240°
- 94A9B7
Ashen Wind
- B79EA6
≈ Pinterested
- A4A893
≈ Bud
Complementario dividido +150° +210°
- 94A9B7
Ashen Wind
- B89F9B
≈ Adobe Rose
- AEA590
≈ Spray Green
Tetrádico +90° +180° +270°
- 94A9B7
Ashen Wind
- B19FB0
≈ Symbolic
- B5A193
≈ Net Worker
- 99AB9B
≈ Scotland Road
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.61:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--ashen-wind: #94a9b7;
--ashen-wind-rgb: 148 169 183;
--ashen-wind-oklch: oklch(0.723 0.031 237.1);
}
.element {
color: var(--ashen-wind);
background-color: hsl(204 20% 65%);
border-color: oklch(0.723 0.031 237.1);
}Tailwind CSS v4
@theme {
--color-ashen-wind: #94a9b7;
--color-ashen-wind-50: #edf7fd;
--color-ashen-wind-100: #dfeaf1;
--color-ashen-wind-200: #c9d6e0;
--color-ashen-wind-300: #aabac6;
--color-ashen-wind-400: #8ea2af;
--color-ashen-wind-500: #738a99;
--color-ashen-wind-600: #627581;
--color-ashen-wind-700: #4e5d67;
--color-ashen-wind-800: #38444c;
--color-ashen-wind-900: #262f35;
--color-ashen-wind-950: #151c20;
}SCSS
$ashen-wind: #94a9b7;
$ashen-wind-rgb: 148, 169, 183;
$ashen-wind-light: mix(#fff, $ashen-wind, 20%);
$ashen-wind-dark: mix(#000, $ashen-wind, 20%);
.element {
color: $ashen-wind;
box-shadow: 0 0 0 2px rgba($ashen-wind, 0.35);
}