가장 가까운 이름 색상 · #E8ADB4
#E8ADB4
가장 가까운 이름 색상: Deeply Embarrassed
#E8ADB4(rgb(232 173 180), hsl(353 56% 79%), oklch(0.804 0.07 10.8))와 가장 가까운 이름 색상은 Deeply Embarrassed입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E8ADB4
oklch(0.804 0.07 10.8)
색상 변환
- HEX
- #e8adb4
- RGB
- rgb(232 173 180)
- HSL
- hsl(353 56% 79%)
- HWB
- hwb(353 68% 9%)
- OKLCH
- oklch(0.804 0.07 10.8)
- OKLab
- oklab(0.804 0.068 0.013)
- CIE Lab
- lab(76.48 22.97 5.31)
- LCH
- lch(76.48 23.58 13)
- CMYK
- cmyk(0% 25% 22% 9%)
틴트 · 셰이드 · 톤
틴트
- EBB5BB
- EDBDC3
- F0C5CA
- F2CED1
- F5D6D9
- F7DEE0
- F9E6E8
- FBEEF0
- FDF7F7
셰이드
- CA969C
- AC7F85
- 906A6E
- 745558
- 594144
- 402D30
- 291B1D
- 130B0C
- 030102
톤
- DDA9AF
- D3A4A9
- C8A0A4
- BE9B9F
- B4979A
- A99294
- 9F8E8F
- 95898A
- 8A8585
색 조화
보색 +180°
- E8ADB4
Deeply Embarrassed
- 89CECA
≈ Surf Wash
유사색 -30° +30°
- E8ADB4
Deeply Embarrassed
- DFAECD
≈ Dreamy Pink
- E7B19D
≈ Pretty in Peach
삼각 배색 +120° +240°
- E8ADB4
Deeply Embarrassed
- B0C99A
≈ Desert Cactus
- 9EC3EB
≈ Sail to the Sea
분열 보색 +150° +210°
- E8ADB4
Deeply Embarrassed
- 97CDB0
≈ Mint Ice Cream
- 8CCADF
≈ Baby Motive
사각 배색 +90° +180° +270°
- E8ADB4
Deeply Embarrassed
- C8C18D
≈ Lime Peel
- 89CECA
≈ Surf Wash
- B6BBEC
≈ Larkspur Bud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.06:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--deeply-embarrassed: #e8adb4;
--deeply-embarrassed-rgb: 232 173 180;
--deeply-embarrassed-oklch: oklch(0.804 0.07 10.8);
}
.element {
color: var(--deeply-embarrassed);
background-color: hsl(353 56% 79%);
border-color: oklch(0.804 0.07 10.8);
}Tailwind CSS v4
@theme {
--color-deeply-embarrassed: #e8adb4;
--color-deeply-embarrassed-50: #ffeeef;
--color-deeply-embarrassed-100: #fedfe1;
--color-deeply-embarrassed-200: #f1c9cc;
--color-deeply-embarrassed-300: #d9a9ad;
--color-deeply-embarrassed-400: #c48e94;
--color-deeply-embarrassed-500: #af737b;
--color-deeply-embarrassed-600: #946168;
--color-deeply-embarrassed-700: #774e53;
--color-deeply-embarrassed-800: #58383d;
--color-deeply-embarrassed-900: #3d262a;
--color-deeply-embarrassed-950: #271518;
}SCSS
$deeply-embarrassed: #e8adb4;
$deeply-embarrassed-rgb: 232, 173, 180;
$deeply-embarrassed-light: mix(#fff, $deeply-embarrassed, 20%);
$deeply-embarrassed-dark: mix(#000, $deeply-embarrassed, 20%);
.element {
color: $deeply-embarrassed;
box-shadow: 0 0 0 2px rgba($deeply-embarrassed, 0.35);
}