가장 가까운 이름 색상 · #EAB8B9
#EAB8B9
가장 가까운 이름 색상: Angry Ghost
#EAB8B9(rgb(234 184 185), hsl(359 54% 82%), oklch(0.828 0.058 17.1))와 가장 가까운 이름 색상은 Angry Ghost입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EAB8B9
oklch(0.828 0.058 17.1)
색상 변환
- HEX
- #eab8b9
- RGB
- rgb(234 184 185)
- HSL
- hsl(359 54% 82%)
- HWB
- hwb(359 72% 8%)
- OKLCH
- oklch(0.828 0.058 17.1)
- OKLab
- oklab(0.828 0.055 0.017)
- CIE Lab
- lab(79.39 18.71 6.78)
- LCH
- lch(79.39 19.9 19.9)
- CMYK
- cmyk(0% 21% 21% 8%)
틴트 · 셰이드 · 톤
틴트
- ECBFC0
- EFC6C7
- F1CDCE
- F3D4D5
- F5DBDC
- F8E2E3
- F9EAEA
- FBF1F1
- FDF8F8
셰이드
- CBA0A0
- AE8889
- 917171
- 755B5B
- 5A4546
- 413131
- 291E1E
- 130C0D
- 030202
톤
- DFB2B3
- D4ADAD
- CAA7A8
- BFA1A2
- B49C9C
- AA9696
- 9F9191
- 958B8B
- 8A8686
색 조화
보색 +180°
- EAB8B9
Angry Ghost
- 9AD3D3
≈ Morning Glory
유사색 -30° +30°
- EAB8B9
Angry Ghost
- E4B8CE
≈ Eau de Rose
- E7BCA7
≈ Orangery
삼각 배색 +120° +240°
- EAB8B9
Angry Ghost
- B5D0AB
≈ Gio Ponti Green
- AFC9ED
≈ Tropical Blue
분열 보색 +150° +210°
- EAB8B9
Angry Ghost
- A3D3BF
≈ Flowering Cactus
- 9FCFE4
≈ December Solstice
사각 배색 +90° +180° +270°
- EAB8B9
Angry Ghost
- CACA9E
≈ Shagreen
- 9AD3D3
≈ Morning Glory
- C3C1EB
≈ Violet Gems
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--angry-ghost: #eab8b9;
--angry-ghost-rgb: 234 184 185;
--angry-ghost-oklch: oklch(0.828 0.058 17.1);
}
.element {
color: var(--angry-ghost);
background-color: hsl(359 54% 82%);
border-color: oklch(0.828 0.058 17.1);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #eab8b9;
--color-angry-ghost-50: #ffefee;
--color-angry-ghost-100: #fbe1e0;
--color-angry-ghost-200: #eccbca;
--color-angry-ghost-300: #d4acac;
--color-angry-ghost-400: #be9192;
--color-angry-ghost-500: #a97778;
--color-angry-ghost-600: #8f6566;
--color-angry-ghost-700: #735051;
--color-angry-ghost-800: #553a3c;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251617;
}SCSS
$angry-ghost: #eab8b9;
$angry-ghost-rgb: 234, 184, 185;
$angry-ghost-light: mix(#fff, $angry-ghost, 20%);
$angry-ghost-dark: mix(#000, $angry-ghost, 20%);
.element {
color: $angry-ghost;
box-shadow: 0 0 0 2px rgba($angry-ghost, 0.35);
}