가장 가까운 이름 색상 · #D6D4C0
#D6D4C0
가장 가까운 이름 색상: Wishing Well
#D6D4C0(rgb(214 212 192), hsl(55 21% 80%), oklch(0.866 0.027 102.3))와 가장 가까운 이름 색상은 Wishing Well입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D6D4C0
oklch(0.866 0.027 102.3)
색상 변환
- HEX
- #d6d4c0
- RGB
- rgb(214 212 192)
- HSL
- hsl(55 21% 80%)
- HWB
- hwb(55 75% 16%)
- OKLCH
- oklch(0.866 0.027 102.3)
- OKLab
- oklab(0.866 -0.006 0.026)
- CIE Lab
- lab(84.67 -1.84 10.2)
- LCH
- lch(84.67 10.36 100.2)
- CMYK
- cmyk(0% 1% 10% 16%)
틴트 · 셰이드 · 톤
틴트
- DAD8C6
- DEDDCC
- E2E1D3
- E6E5D9
- EAE9DF
- EEEEE6
- F3F2EC
- F7F6F2
- FBFBF9
셰이드
- BAB8A7
- 9E9D8E
- 848376
- 6A695F
- 525149
- 3B3A34
- 252420
- 10100E
- 020202
톤
- CDCBB9
- C4C3B3
- BBBAAC
- B3B2A6
- AAA9A0
- A1A199
- 999893
- 91908C
- 888886
색 조화
보색 +180°
- D6D4C0
Wishing Well
- D0D1E5
≈ Bashful Lilac
유사색 -30° +30°
- D6D4C0
Wishing Well
- DED1C0
≈ Erosion
- CCD7C5
≈ Spring Valley
삼각 배색 +120° +240°
- D6D4C0
Wishing Well
- C1D7E0
≈ Falling Tears
- E0CCD8
≈ Cassia Buds
분열 보색 +150° +210°
- D6D4C0
Wishing Well
- C7D5E5
≈ Defenestration
- D9CEE0
≈ Violet Mist
사각 배색 +90° +180° +270°
- D6D4C0
Wishing Well
- C0D9D7
≈ Haint Blue
- D0D1E5
≈ Bashful Lilac
- E4CCCE
≈ Mauve Morn
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.03:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.03:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--wishing-well: #d6d4c0;
--wishing-well-rgb: 214 212 192;
--wishing-well-oklch: oklch(0.866 0.027 102.3);
}
.element {
color: var(--wishing-well);
background-color: hsl(55 21% 80%);
border-color: oklch(0.866 0.027 102.3);
}Tailwind CSS v4
@theme {
--color-wishing-well: #d6d4c0;
--color-wishing-well-50: #f6f6ed;
--color-wishing-well-100: #e9e8de;
--color-wishing-well-200: #d6d5c8;
--color-wishing-well-300: #b9b8a9;
--color-wishing-well-400: #a19f8d;
--color-wishing-well-500: #898773;
--color-wishing-well-600: #747261;
--color-wishing-well-700: #5d5b4e;
--color-wishing-well-800: #444338;
--color-wishing-well-900: #2f2e26;
--color-wishing-well-950: #1c1b15;
}SCSS
$wishing-well: #d6d4c0;
$wishing-well-rgb: 214, 212, 192;
$wishing-well-light: mix(#fff, $wishing-well, 20%);
$wishing-well-dark: mix(#000, $wishing-well, 20%);
.element {
color: $wishing-well;
box-shadow: 0 0 0 2px rgba($wishing-well, 0.35);
}