가장 가까운 이름 색상 · #E9E0D6
#E9E0D6
가장 가까운 이름 색상: Mountain Peak
#E9E0D6(rgb(233 224 214), hsl(32 30% 88%), oklch(0.911 0.017 70.5))와 가장 가까운 이름 색상은 Mountain Peak입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E9E0D6
oklch(0.911 0.017 70.5)
색상 변환
- HEX
- #e9e0d6
- RGB
- rgb(233 224 214)
- HSL
- hsl(32 30% 88%)
- HWB
- hwb(32 84% 9%)
- OKLCH
- oklch(0.911 0.017 70.5)
- OKLab
- oklab(0.911 0.006 0.016)
- CIE Lab
- lab(89.69 1.91 6.06)
- LCH
- lch(89.69 6.36 72.5)
- CMYK
- cmyk(0% 4% 8% 9%)
틴트 · 셰이드 · 톤
틴트
- EBE3DA
- EDE6DE
- F0E9E2
- F2ECE6
- F4EFEA
- F6F3EE
- F8F6F3
- FBF9F7
- FDFCFB
셰이드
- CBC3BA
- ADA69E
- 908A84
- 74706A
- 5A5652
- 413E3B
- 292725
- 131210
- 030202
톤
- DED6CD
- D3CCC4
- C8C2BB
- BEB8B3
- B3AFAA
- A9A5A1
- 9E9C99
- 949291
- 8A8988
색 조화
보색 +180°
- E9E0D6
Mountain Peak
- DAE3ED
≈ Iceberg
유사색 -30° +30°
- E9E0D6
Mountain Peak
- ECDED9
≈ Wishy-Washy Beige
- E4E2D6
≈ Large Wild Convolvulus
삼각 배색 +120° +240°
- E9E0D6
Mountain Peak
- D6E5E4
≈ Fluffy Slippers
- E5DFEA
≈ Powdery Mist
분열 보색 +150° +210°
- E9E0D6
Mountain Peak
- D6E4E9
≈ Dreamstress
- DFE1ED
≈ Blush Sky
사각 배색 +90° +180° +270°
- E9E0D6
Mountain Peak
- D9E5DE
≈ Crystal Salt White
- DAE3ED
≈ Iceberg
- EADEE5
≈ Weak Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.09:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--mountain-peak: #e9e0d6;
--mountain-peak-rgb: 233 224 214;
--mountain-peak-oklch: oklch(0.911 0.017 70.5);
}
.element {
color: var(--mountain-peak);
background-color: hsl(32 30% 88%);
border-color: oklch(0.911 0.017 70.5);
}Tailwind CSS v4
@theme {
--color-mountain-peak: #e9e0d6;
--color-mountain-peak-50: #f8f4f0;
--color-mountain-peak-100: #ebe7e2;
--color-mountain-peak-200: #d9d3cd;
--color-mountain-peak-300: #bdb6ae;
--color-mountain-peak-400: #a59d94;
--color-mountain-peak-500: #8d857a;
--color-mountain-peak-600: #787068;
--color-mountain-peak-700: #605a53;
--color-mountain-peak-800: #46413c;
--color-mountain-peak-900: #312d29;
--color-mountain-peak-950: #1d1a17;
}SCSS
$mountain-peak: #e9e0d6;
$mountain-peak-rgb: 233, 224, 214;
$mountain-peak-light: mix(#fff, $mountain-peak, 20%);
$mountain-peak-dark: mix(#000, $mountain-peak, 20%);
.element {
color: $mountain-peak;
box-shadow: 0 0 0 2px rgba($mountain-peak, 0.35);
}