Adlandırılmış renk · #A697A7
Windsor Haze
Windsor Haze, #A697A7: rgb(166 151 167), hsl(296 8% 62%), oklch(0.694 0.029 324). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Windsor Haze color name →
#A697A7
oklch(0.694 0.029 324)
Renk dönüşümleri
- HEX
- #a697a7
- RGB
- rgb(166 151 167)
- HSL
- hsl(296 8% 62%)
- HWB
- hwb(296 59% 35%)
- OKLCH
- oklch(0.694 0.029 324)
- OKLab
- oklab(0.694 0.023 -0.017)
- CIE Lab
- lab(64.17 7.93 -6.29)
- LCH
- lch(64.17 10.13 321.6)
- CMYK
- cmyk(1% 10% 0% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFA1B0
- B7ABB8
- C0B5C1
- C9BFC9
- D2CAD2
- DBD4DB
- E4DFE4
- EDE9ED
- F6F4F6
Koyu tonlar
- 908391
- 7A6F7B
- 655C66
- 514952
- 3E373E
- 2B262C
- 1A171A
- 0A080A
- 010101
Gri tonlar
- A295A3
- 9E929F
- 9A909B
- 978E97
- 938B93
- 8F898F
- 8B878C
- 888588
- 848284
Renk uyumları
Tamamlayıcı +180°
- A697A7
Windsor Haze
- 92A292
≈ Mountain Moss
Analog -30° +30°
- A697A7
Windsor Haze
- 9D9AAD
≈ Lavender Aura
- AC969E
≈ Legendary Lilac
Üçlü +120° +240°
- A697A7
Windsor Haze
- A59C89
≈ City Loft
- 89A2A5
≈ Iron Earth
Bölünmüş tamamlayıcı +150° +210°
- A697A7
Windsor Haze
- 9C9F8B
≈ Flagstone Quartzite
- 8BA39B
≈ Morning Blue
Dörtlü +90° +180° +270°
- A697A7
Windsor Haze
- AC988C
≈ Porcelain Figurines
- 92A292
≈ Mountain Moss
- 8CA0AC
≈ Qiān Hūi Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.76:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.60:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--windsor-haze: #a697a7;
--windsor-haze-rgb: 166 151 167;
--windsor-haze-oklch: oklch(0.694 0.029 324);
}
.element {
color: var(--windsor-haze);
background-color: hsl(296 8% 62%);
border-color: oklch(0.694 0.029 324);
}Tailwind CSS v4
@theme {
--color-windsor-haze: #a697a7;
--color-windsor-haze-50: #faf2fa;
--color-windsor-haze-100: #ede5ed;
--color-windsor-haze-200: #dbd0db;
--color-windsor-haze-300: #bfb3bf;
--color-windsor-haze-400: #a799a8;
--color-windsor-haze-500: #908091;
--color-windsor-haze-600: #7a6c7b;
--color-windsor-haze-700: #625762;
--color-windsor-haze-800: #473f48;
--color-windsor-haze-900: #312c32;
--color-windsor-haze-950: #1d191e;
}SCSS
$windsor-haze: #a697a7;
$windsor-haze-rgb: 166, 151, 167;
$windsor-haze-light: mix(#fff, $windsor-haze, 20%);
$windsor-haze-dark: mix(#000, $windsor-haze, 20%);
.element {
color: $windsor-haze;
box-shadow: 0 0 0 2px rgba($windsor-haze, 0.35);
}