가장 가까운 이름 색상 · #EBBDF6
#EBBDF6
가장 가까운 이름 색상: Beefy Pink
#EBBDF6(rgb(235 189 246), hsl(288 76% 85%), oklch(0.857 0.092 319.7))와 가장 가까운 이름 색상은 Beefy Pink입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EBBDF6
oklch(0.857 0.092 319.7)
색상 변환
- HEX
- #ebbdf6
- RGB
- rgb(235 189 246)
- HSL
- hsl(288 76% 85%)
- HWB
- hwb(288 74% 4%)
- OKLCH
- oklch(0.857 0.092 319.7)
- OKLab
- oklab(0.857 0.07 -0.059)
- CIE Lab
- lab(82.14 24.24 -21.84)
- LCH
- lch(82.14 32.62 318)
- CMYK
- cmyk(4% 23% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- EDC4F7
- EFCAF8
- F1D1F9
- F3D8FA
- F5DEFB
- F7E5FC
- F9EBFD
- FBF2FE
- FDF8FE
셰이드
- CCA4D6
- AE8CB7
- 917498
- 755D7B
- 5B475F
- 413345
- 291F2C
- 130D15
- 030203
톤
- E0B7EA
- D5B1DE
- CAABD1
- BFA4C5
- B49EBA
- AA98AE
- 9F92A2
- 958C97
- 8A868B
색 조화
보색 +180°
- EBBDF6
Beefy Pink
- B1DFA6
≈ Green Gooseberry
유사색 -30° +30°
- EBBDF6
Beefy Pink
- CEC8FF
≈ Innocent Snowdrop
- FFB8D9
≈ Candy Bar
삼각 배색 +120° +240°
- EBBDF6
Beefy Pink
- F0CA8A
≈ Beacon Yellow
- 82E3E7
≈ Paradisiacal Getaway
분열 보색 +150° +210°
- EBBDF6
Beefy Pink
- D3D68F
≈ Golden Delicious
- 91E4C7
≈ Bubble Algae
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.14:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--beefy-pink: #ebbdf6;
--beefy-pink-rgb: 235 189 246;
--beefy-pink-oklch: oklch(0.857 0.092 319.7);
}
.element {
color: var(--beefy-pink);
background-color: hsl(288 76% 85%);
border-color: oklch(0.857 0.092 319.7);
}Tailwind CSS v4
@theme {
--color-beefy-pink: #ebbdf6;
--color-beefy-pink-50: #ffedff;
--color-beefy-pink-100: #f7defb;
--color-beefy-pink-200: #e7c8ec;
--color-beefy-pink-300: #cea8d4;
--color-beefy-pink-400: #b78dc1;
--color-beefy-pink-500: #a172ac;
--color-beefy-pink-600: #886191;
--color-beefy-pink-700: #6d4d75;
--color-beefy-pink-800: #503857;
--color-beefy-pink-900: #37263d;
--color-beefy-pink-950: #221526;
}SCSS
$beefy-pink: #ebbdf6;
$beefy-pink-rgb: 235, 189, 246;
$beefy-pink-light: mix(#fff, $beefy-pink, 20%);
$beefy-pink-dark: mix(#000, $beefy-pink, 20%);
.element {
color: $beefy-pink;
box-shadow: 0 0 0 2px rgba($beefy-pink, 0.35);
}