가장 가까운 이름 색상 · #E6C1B7
#E6C1B7
가장 가까운 이름 색상: Muddy Rose
#E6C1B7(rgb(230 193 183), hsl(13 48% 81%), oklch(0.84 0.045 35.6))와 가장 가까운 이름 색상은 Muddy Rose입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E6C1B7
oklch(0.84 0.045 35.6)
색상 변환
- HEX
- #e6c1b7
- RGB
- rgb(230 193 183)
- HSL
- hsl(13 48% 81%)
- HWB
- hwb(13 72% 10%)
- OKLCH
- oklch(0.84 0.045 35.6)
- OKLab
- oklab(0.84 0.036 0.026)
- CIE Lab
- lab(81.13 12.47 10.23)
- LCH
- lch(81.13 16.13 39.4)
- CMYK
- cmyk(0% 16% 20% 10%)
틴트 · 셰이드 · 톤
틴트
- E9C7BE
- EBCDC5
- EED3CC
- F0DAD3
- F3E0DB
- F5E6E2
- F8ECE9
- FAF2F0
- FDF9F8
셰이드
- C8A79F
- AB8F87
- 8E7770
- 735F5A
- 594945
- 403431
- 28201E
- 130E0C
- 030202
톤
- DBBAB1
- D1B4AC
- C7ADA6
- BCA7A1
- B2A09B
- A89A96
- 9E9390
- 948D8B
- 8A8685
색 조화
보색 +180°
- E6C1B7
Muddy Rose
- AAD3DD
≈ Light Blue Glint
유사색 -30° +30°
- E6C1B7
Muddy Rose
- E5BFC6
≈ Soap Pink
- E0C5AD
≈ Gypsum Rose
삼각 배색 +120° +240°
- E6C1B7
Muddy Rose
- B4D4BE
≈ Ginninderra
- C2C9E8
≈ Powdered Granite
분열 보색 +150° +210°
- E6C1B7
Muddy Rose
- ABD5CF
≈ Eton Blue
- B3CEE7
≈ Morality
사각 배색 +90° +180° +270°
- E6C1B7
Muddy Rose
- C3D0B1
≈ Stability
- AAD3DD
≈ Light Blue Glint
- D1C4E2
≈ Lavender Bliss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.67:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--muddy-rose: #e6c1b7;
--muddy-rose-rgb: 230 193 183;
--muddy-rose-oklch: oklch(0.84 0.045 35.6);
}
.element {
color: var(--muddy-rose);
background-color: hsl(13 48% 81%);
border-color: oklch(0.84 0.045 35.6);
}Tailwind CSS v4
@theme {
--color-muddy-rose: #e6c1b7;
--color-muddy-rose-50: #fff1ec;
--color-muddy-rose-100: #f6e3dd;
--color-muddy-rose-200: #e6cec7;
--color-muddy-rose-300: #cdb0a7;
--color-muddy-rose-400: #b7968d;
--color-muddy-rose-500: #a17c72;
--color-muddy-rose-600: #886961;
--color-muddy-rose-700: #6d544d;
--color-muddy-rose-800: #513d38;
--color-muddy-rose-900: #382a27;
--color-muddy-rose-950: #231715;
}SCSS
$muddy-rose: #e6c1b7;
$muddy-rose-rgb: 230, 193, 183;
$muddy-rose-light: mix(#fff, $muddy-rose, 20%);
$muddy-rose-dark: mix(#000, $muddy-rose, 20%);
.element {
color: $muddy-rose;
box-shadow: 0 0 0 2px rgba($muddy-rose, 0.35);
}