Color con nombre · #D3DAE3
Highland Winds
Highland Winds es #D3DAE3: rgb(211 218 227), hsl(214 22% 86%), oklch(0.886 0.015 254.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Highland Winds color name →
#D3DAE3
oklch(0.886 0.015 254.6)
Conversiones de color
- HEX
- #d3dae3
- RGB
- rgb(211 218 227)
- HSL
- hsl(214 22% 86%)
- HWB
- hwb(214 83% 11%)
- OKLCH
- oklch(0.886 0.015 254.6)
- OKLab
- oklab(0.886 -0.004 -0.014)
- CIE Lab
- lab(86.71 -1.18 -5.3)
- LCH
- lch(86.71 5.43 257.5)
- CMYK
- cmyk(7% 4% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- D7DEE6
- DCE1E9
- E0E5EB
- E4E9EE
- E9ECF1
- EDF0F4
- F2F4F7
- F6F8F9
- FBFBFC
Sombras
- B7BDC5
- 9CA2A8
- 82878C
- 696C71
- 515457
- 3A3C3F
- 242527
- 101112
- 020203
Tonos
- CAD1D9
- C2C7CE
- B9BEC4
- B1B5BA
- A9ACB0
- A0A3A6
- 989A9D
- 909193
- 888989
Armonías de color
Complementario +180°
- D3DAE3
Highland Winds
- DFD8CF
≈ Polished
Análogo -30° +30°
- D3DAE3
Highland Winds
- D0DCE1
≈ Head in the Clouds
- D8D8E3
≈ Misty Violet
Triádico +120° +240°
- D3DAE3
Highland Winds
- E3D6D6
≈ Most Delicate
- D5DCD2
≈ Kingston
Complementario dividido +150° +210°
- D3DAE3
Highland Winds
- E2D7D2
≈ Dust Bowl
- DADACF
≈ Feather
Tetrádico +90° +180° +270°
- D3DAE3
Highland Winds
- E1D6DB
≈ Fairy-Nuff
- DFD8CF
≈ Polished
- D1DCD7
≈ Sky Glass
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.90:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--highland-winds: #d3dae3;
--highland-winds-rgb: 211 218 227;
--highland-winds-oklch: oklch(0.886 0.015 254.6);
}
.element {
color: var(--highland-winds);
background-color: hsl(214 22% 86%);
border-color: oklch(0.886 0.015 254.6);
}Tailwind CSS v4
@theme {
--color-highland-winds: #d3dae3;
--color-highland-winds-50: #f2f5f9;
--color-highland-winds-100: #e5e8ed;
--color-highland-winds-200: #d0d5da;
--color-highland-winds-300: #b3b8bf;
--color-highland-winds-400: #999fa7;
--color-highland-winds-500: #808790;
--color-highland-winds-600: #6c727a;
--color-highland-winds-700: #565b61;
--color-highland-winds-800: #3f4347;
--color-highland-winds-900: #2b2e31;
--color-highland-winds-950: #191b1d;
}SCSS
$highland-winds: #d3dae3;
$highland-winds-rgb: 211, 218, 227;
$highland-winds-light: mix(#fff, $highland-winds, 20%);
$highland-winds-dark: mix(#000, $highland-winds, 20%);
.element {
color: $highland-winds;
box-shadow: 0 0 0 2px rgba($highland-winds, 0.35);
}