이름 색상 · #EEBABC
Marzipan Pink
Marzipan Pink은(는) #EEBABC: rgb(238 186 188), hsl(358 60% 83%), oklch(0.836 0.06 15.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Marzipan Pink color name →
#EEBABC
oklch(0.836 0.06 15.9)
색상 변환
- HEX
- #eebabc
- RGB
- rgb(238 186 188)
- HSL
- hsl(358 60% 83%)
- HWB
- hwb(358 73% 7%)
- OKLCH
- oklch(0.836 0.06 15.9)
- OKLab
- oklab(0.836 0.058 0.016)
- CIE Lab
- lab(80.33 19.53 6.57)
- LCH
- lch(80.33 20.6 18.6)
- CMYK
- cmyk(0% 22% 21% 7%)
틴트 · 셰이드 · 톤
틴트
- F0C1C3
- F2C8C9
- F4CFD0
- F6D5D6
- F8DCDD
- F9E3E4
- FBEAEB
- FCF1F1
- FEF8F8
셰이드
- CFA1A3
- B1898B
- 937273
- 775C5D
- 5C4647
- 423232
- 2A1E1F
- 140D0D
- 030202
톤
- E3B4B6
- D7AEB0
- CCA8AA
- C1A3A4
- B69D9E
- AB9798
- A09192
- 958B8C
- 8B8686
색 조화
보색 +180°
- EEBABC
Marzipan Pink
- 9BD6D6
≈ Shallow Shoal
유사색 -30° +30°
- EEBABC
Marzipan Pink
- E7BAD2
≈ Child’s Play
- ECBEA9
≈ Veronese Peach
삼각 배색 +120° +240°
- EEBABC
Marzipan Pink
- B8D3AC
≈ Jaded Lime
- B0CCF1
≈ Alphabet Blue
분열 보색 +150° +210°
- EEBABC
Marzipan Pink
- A5D6C0
≈ Southern Belle
- A0D2E7
≈ Chefchaouen Blue
사각 배색 +90° +180° +270°
- EEBABC
Marzipan Pink
- CECC9F
≈ Anjou Pear
- 9BD6D6
≈ Shallow Shoal
- C5C4F0
≈ Violet Gems
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.38:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--marzipan-pink: #eebabc;
--marzipan-pink-rgb: 238 186 188;
--marzipan-pink-oklch: oklch(0.836 0.06 15.9);
}
.element {
color: var(--marzipan-pink);
background-color: hsl(358 60% 83%);
border-color: oklch(0.836 0.06 15.9);
}Tailwind CSS v4
@theme {
--color-marzipan-pink: #eebabc;
--color-marzipan-pink-50: #ffefef;
--color-marzipan-pink-100: #fce0e0;
--color-marzipan-pink-200: #edcbcb;
--color-marzipan-pink-300: #d5acac;
--color-marzipan-pink-400: #bf9092;
--color-marzipan-pink-500: #aa7679;
--color-marzipan-pink-600: #906466;
--color-marzipan-pink-700: #745052;
--color-marzipan-pink-800: #553a3c;
--color-marzipan-pink-900: #3c2829;
--color-marzipan-pink-950: #251617;
}SCSS
$marzipan-pink: #eebabc;
$marzipan-pink-rgb: 238, 186, 188;
$marzipan-pink-light: mix(#fff, $marzipan-pink, 20%);
$marzipan-pink-dark: mix(#000, $marzipan-pink, 20%);
.element {
color: $marzipan-pink;
box-shadow: 0 0 0 2px rgba($marzipan-pink, 0.35);
}