이름 색상 · #D4CFC5
Westar
Westar은(는) #D4CFC5: rgb(212 207 197), hsl(40 15% 80%), oklch(0.856 0.015 84.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Westar color name →
#D4CFC5
oklch(0.856 0.015 84.6)
색상 변환
- HEX
- #d4cfc5
- RGB
- rgb(212 207 197)
- HSL
- hsl(40 15% 80%)
- HWB
- hwb(40 77% 17%)
- OKLCH
- oklch(0.856 0.015 84.6)
- OKLab
- oklab(0.856 0.001 0.015)
- CIE Lab
- lab(83.32 0.49 5.63)
- LCH
- lch(83.32 5.65 85)
- CMYK
- cmyk(0% 2% 7% 17%)
틴트 · 셰이드 · 톤
틴트
- D8D4CB
- DCD8D0
- E1DDD6
- E5E2DC
- E9E7E2
- EEECE8
- F2F0ED
- F6F5F3
- FBFAF9
셰이드
- B8B4AB
- 9D9992
- 837F79
- 696761
- 514F4B
- 3A3835
- 242321
- 10100E
- 020202
톤
- CBC7BE
- C3BFB7
- BAB7B0
- B1AFA9
- A9A7A2
- A19F9B
- 989794
- 908F8D
- 888887
색 조화
보색 +180°
- D4CFC5
Westar
- CBD0DA
≈ Steam Bath
유사색 -30° +30°
- D4CFC5
Westar
- D8CDC7
≈ Thought
- CFD1C6
≈ Pan’s Flute
삼각 배색 +120° +240°
- D4CFC5
Westar
- C5D3D4
≈ Whale’s Mouth
- D5CCD5
≈ Purple Cream
분열 보색 +150° +210°
- D4CFC5
Westar
- C7D1D8
≈ Wind Weaver
- D0CED9
≈ Lavender Sparkle
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.53:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--westar: #d4cfc5;
--westar-rgb: 212 207 197;
--westar-oklch: oklch(0.856 0.015 84.6);
}
.element {
color: var(--westar);
background-color: hsl(40 15% 80%);
border-color: oklch(0.856 0.015 84.6);
}Tailwind CSS v4
@theme {
--color-westar: #d4cfc5;
--color-westar-50: #f7f5f0;
--color-westar-100: #eae8e2;
--color-westar-200: #d7d4cd;
--color-westar-300: #bbb7af;
--color-westar-400: #a29e95;
--color-westar-500: #8b867b;
--color-westar-600: #757169;
--color-westar-700: #5e5a53;
--color-westar-800: #45423d;
--color-westar-900: #302e2a;
--color-westar-950: #1c1a17;
}SCSS
$westar: #d4cfc5;
$westar-rgb: 212, 207, 197;
$westar-light: mix(#fff, $westar, 20%);
$westar-dark: mix(#000, $westar, 20%);
.element {
color: $westar;
box-shadow: 0 0 0 2px rgba($westar, 0.35);
}