이름 색상 · #A697A7
Windsor Haze
Windsor Haze은(는) #A697A7: rgb(166 151 167), hsl(296 8% 62%), oklch(0.694 0.029 324). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Windsor Haze color name →
#A697A7
oklch(0.694 0.029 324)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- AFA1B0
- B7ABB8
- C0B5C1
- C9BFC9
- D2CAD2
- DBD4DB
- E4DFE4
- EDE9ED
- F6F4F6
셰이드
- 908391
- 7A6F7B
- 655C66
- 514952
- 3E373E
- 2B262C
- 1A171A
- 0A080A
- 010101
톤
- A295A3
- 9E929F
- 9A909B
- 978E97
- 938B93
- 8F898F
- 8B878C
- 888588
- 848284
색 조화
보색 +180°
- A697A7
Windsor Haze
- 92A292
≈ Mountain Moss
유사색 -30° +30°
- A697A7
Windsor Haze
- 9D9AAD
≈ Lavender Aura
- AC969E
≈ Legendary Lilac
삼각 배색 +120° +240°
- A697A7
Windsor Haze
- A59C89
≈ City Loft
- 89A2A5
≈ Iron Earth
분열 보색 +150° +210°
- A697A7
Windsor Haze
- 9C9F8B
≈ Flagstone Quartzite
- 8BA39B
≈ Morning Blue
사각 배색 +90° +180° +270°
- A697A7
Windsor Haze
- AC988C
≈ Porcelain Figurines
- 92A292
≈ Mountain Moss
- 8CA0AC
≈ Qiān Hūi Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.76:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.60:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
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);
}