가장 가까운 이름 색상 · #EEBBBC
#EEBBBC
가장 가까운 이름 색상: Angry Ghost
#EEBBBC(rgb(238 187 188), hsl(359 60% 83%), oklch(0.838 0.059 17.1))와 가장 가까운 이름 색상은 Angry Ghost입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EEBBBC
oklch(0.838 0.059 17.1)
색상 변환
- HEX
- #eebbbc
- RGB
- rgb(238 187 188)
- HSL
- hsl(359 60% 83%)
- HWB
- hwb(359 73% 7%)
- OKLCH
- oklch(0.838 0.059 17.1)
- OKLab
- oklab(0.838 0.056 0.017)
- CIE Lab
- lab(80.57 19.02 6.9)
- LCH
- lch(80.57 20.24 19.9)
- CMYK
- cmyk(0% 21% 21% 7%)
틴트 · 셰이드 · 톤
틴트
- F0C2C3
- F2C9C9
- F4CFD0
- F6D6D6
- F7DDDD
- F9E4E4
- FBEAEB
- FCF1F1
- FEF8F8
셰이드
- CFA2A3
- B18A8B
- 937373
- 775C5D
- 5C4647
- 423232
- 2A1F1F
- 140D0D
- 030202
톤
- E3B5B6
- D7AFB0
- CCA9AA
- C1A3A4
- B69D9E
- AB9798
- A09192
- 958C8C
- 8B8686
색 조화
보색 +180°
- EEBBBC
Angry Ghost
- 9DD6D7
≈ Shallow Shoal
유사색 -30° +30°
- EEBBBC
Angry Ghost
- E8BBD1
≈ Child’s Play
- EBBFAA
≈ Veronese Peach
삼각 배색 +120° +240°
- EEBBBC
Angry Ghost
- B8D3AE
≈ Jaded Lime
- B2CCF1
≈ Alphabet Blue
분열 보색 +150° +210°
- EEBBBC
Angry Ghost
- A5D7C2
≈ Southern Belle
- A2D2E8
≈ Chefchaouen Blue
사각 배색 +90° +180° +270°
- EEBBBC
Angry Ghost
- CECDA1
≈ Wasabi Zing
- 9DD6D7
≈ Shallow Shoal
- C7C5EF
≈ Soap
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.68:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.46:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--angry-ghost: #eebbbc;
--angry-ghost-rgb: 238 187 188;
--angry-ghost-oklch: oklch(0.838 0.059 17.1);
}
.element {
color: var(--angry-ghost);
background-color: hsl(359 60% 83%);
border-color: oklch(0.838 0.059 17.1);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #eebbbc;
--color-angry-ghost-50: #ffefee;
--color-angry-ghost-100: #fbe1e0;
--color-angry-ghost-200: #edcbca;
--color-angry-ghost-300: #d4acab;
--color-angry-ghost-400: #bf9192;
--color-angry-ghost-500: #aa7678;
--color-angry-ghost-600: #906466;
--color-angry-ghost-700: #735051;
--color-angry-ghost-800: #553a3c;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251617;
}SCSS
$angry-ghost: #eebbbc;
$angry-ghost-rgb: 238, 187, 188;
$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);
}