Adlandırılmış renk · #D3DAE3
Highland Winds
Highland Winds, #D3DAE3: rgb(211 218 227), hsl(214 22% 86%), oklch(0.886 0.015 254.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Highland Winds color name →
#D3DAE3
oklch(0.886 0.015 254.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7DEE6
- DCE1E9
- E0E5EB
- E4E9EE
- E9ECF1
- EDF0F4
- F2F4F7
- F6F8F9
- FBFBFC
Koyu tonlar
- B7BDC5
- 9CA2A8
- 82878C
- 696C71
- 515457
- 3A3C3F
- 242527
- 101112
- 020203
Gri tonlar
- CAD1D9
- C2C7CE
- B9BEC4
- B1B5BA
- A9ACB0
- A0A3A6
- 989A9D
- 909193
- 888989
Renk uyumları
Tamamlayıcı +180°
- D3DAE3
Highland Winds
- DFD8CF
≈ Polished
Analog -30° +30°
- D3DAE3
Highland Winds
- D0DCE1
≈ Head in the Clouds
- D8D8E3
≈ Misty Violet
Üçlü +120° +240°
- D3DAE3
Highland Winds
- E3D6D6
≈ Most Delicate
- D5DCD2
≈ Kingston
Bölünmüş tamamlayıcı +150° +210°
- D3DAE3
Highland Winds
- E2D7D2
≈ Dust Bowl
- DADACF
≈ Feather
Dörtlü +90° +180° +270°
- D3DAE3
Highland Winds
- E1D6DB
≈ Fairy-Nuff
- DFD8CF
≈ Polished
- D1DCD7
≈ Sky Glass
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.90:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}