Màu có tên · #EEBABC
Marzipan Pink
Marzipan Pink là #EEBABC: rgb(238 186 188), hsl(358 60% 83%), oklch(0.836 0.06 15.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Marzipan Pink color name →
#EEBABC
oklch(0.836 0.06 15.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0C1C3
- F2C8C9
- F4CFD0
- F6D5D6
- F8DCDD
- F9E3E4
- FBEAEB
- FCF1F1
- FEF8F8
Sắc đậm
- CFA1A3
- B1898B
- 937273
- 775C5D
- 5C4647
- 423232
- 2A1E1F
- 140D0D
- 030202
Sắc xám
- E3B4B6
- D7AEB0
- CCA8AA
- C1A3A4
- B69D9E
- AB9798
- A09192
- 958B8C
- 8B8686
Hòa sắc
Bổ túc +180°
- EEBABC
Marzipan Pink
- 9BD6D6
≈ Shallow Shoal
Tương đồng -30° +30°
- EEBABC
Marzipan Pink
- E7BAD2
≈ Child’s Play
- ECBEA9
≈ Veronese Peach
Bộ ba +120° +240°
- EEBABC
Marzipan Pink
- B8D3AC
≈ Jaded Lime
- B0CCF1
≈ Alphabet Blue
Bổ túc chia +150° +210°
- EEBABC
Marzipan Pink
- A5D6C0
≈ Southern Belle
- A0D2E7
≈ Chefchaouen Blue
Bộ bốn +90° +180° +270°
- EEBABC
Marzipan Pink
- CECC9F
≈ Anjou Pear
- 9BD6D6
≈ Shallow Shoal
- C5C4F0
≈ Violet Gems
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.69:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.38:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
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);
}