가장 가까운 이름 색상 · #E2B39D
#E2B39D
가장 가까운 이름 색상: Prosciutto
#E2B39D(rgb(226 179 157), hsl(19 54% 75%), oklch(0.803 0.063 46.4))와 가장 가까운 이름 색상은 Prosciutto입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E2B39D
oklch(0.803 0.063 46.4)
색상 변환
- HEX
- #e2b39d
- RGB
- rgb(226 179 157)
- HSL
- hsl(19 54% 75%)
- HWB
- hwb(19 62% 11%)
- OKLCH
- oklch(0.803 0.063 46.4)
- OKLab
- oklab(0.803 0.043 0.045)
- CIE Lab
- lab(76.85 15.32 18.12)
- LCH
- lch(76.85 23.73 49.8)
- CMYK
- cmyk(0% 21% 31% 11%)
틴트 · 셰이드 · 톤
틴트
- E5BBA7
- E8C2B0
- EBCABA
- EED1C4
- F1D9CD
- F4E0D7
- F7E8E1
- FAF0EB
- FCF7F5
셰이드
- C49B88
- A88473
- 8C6E5F
- 71584C
- 57433A
- 3E2F28
- 271D18
- 120C09
- 030101
톤
- D8AE9A
- CEA997
- C4A495
- BA9F92
- B0998F
- A7948C
- 9D8F89
- 938A86
- 8A8583
색 조화
보색 +180°
- E2B39D
Prosciutto
- 94C8DE
≈ Caribbean Coast
유사색 -30° +30°
- E2B39D
Prosciutto
- E5AFB1
≈ Chewing Gum
- D6BA92
≈ Pebble Path
삼각 배색 +120° +240°
- E2B39D
Prosciutto
- 98CCB6
≈ Mint Ice Cream
- BBB9E6
≈ Pretty Posie
분열 보색 +150° +210°
- E2B39D
Prosciutto
- 8ECCCC
≈ Lake
- A5C1E8
≈ Sky High
사각 배색 +90° +180° +270°
- E2B39D
Prosciutto
- ADC9A1
≈ Desert Cactus
- 94C8DE
≈ Caribbean Coast
- CFB3DA
≈ Sea Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.16:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--prosciutto: #e2b39d;
--prosciutto-rgb: 226 179 157;
--prosciutto-oklch: oklch(0.803 0.063 46.4);
}
.element {
color: var(--prosciutto);
background-color: hsl(19 54% 75%);
border-color: oklch(0.803 0.063 46.4);
}Tailwind CSS v4
@theme {
--color-prosciutto: #e2b39d;
--color-prosciutto-50: #fff0e6;
--color-prosciutto-100: #fbe2d6;
--color-prosciutto-200: #eccdbd;
--color-prosciutto-300: #d3ae9c;
--color-prosciutto-400: #bf937f;
--color-prosciutto-500: #a97963;
--color-prosciutto-600: #8f6754;
--color-prosciutto-700: #735243;
--color-prosciutto-800: #553b30;
--color-prosciutto-900: #3b2921;
--color-prosciutto-950: #251710;
}SCSS
$prosciutto: #e2b39d;
$prosciutto-rgb: 226, 179, 157;
$prosciutto-light: mix(#fff, $prosciutto, 20%);
$prosciutto-dark: mix(#000, $prosciutto, 20%);
.element {
color: $prosciutto;
box-shadow: 0 0 0 2px rgba($prosciutto, 0.35);
}