Màu có tên · #FFC8E9
Soulmate Pink
Soulmate Pink là #FFC8E9: rgb(255 200 233), hsl(324 100% 89%), oklch(0.891 0.075 342.1). 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? → · Soulmate Pink color name →
#FFC8E9
oklch(0.891 0.075 342.1)
Chuyển đổi màu
- HEX
- #ffc8e9
- RGB
- rgb(255 200 233)
- HSL
- hsl(324 100% 89%)
- HWB
- hwb(324 78% 0%)
- OKLCH
- oklch(0.891 0.075 342.1)
- OKLab
- oklab(0.891 0.071 -0.023)
- CIE Lab
- lab(86.3 23.93 -8.51)
- LCH
- lch(86.3 25.4 340.4)
- CMYK
- cmyk(0% 22% 9% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFCEEB
- FFD3ED
- FFD9F0
- FFDEF2
- FFE4F4
- FFE9F6
- FFEFF8
- FFF4FB
- FFFAFD
Sắc đậm
- DEAECB
- BE94AD
- 9E7B90
- 806374
- 634C5A
- 483641
- 2E2129
- 160F13
- 030203
Sắc xám
- F2C1DE
- E5B9D3
- D8B2C8
- CBABBE
- BEA4B3
- B29CA9
- A5959E
- 998E94
- 8C878A
Hòa sắc
Bổ túc +180°
- FFC8E9
Soulmate Pink
- AEEBCC
≈ Martian Haze
Tương đồng -30° +30°
- FFC8E9
Soulmate Pink
- ECCEFF
≈ Rose Dragée
- FFCCD1
≈ Lusty-Gallant
Bộ ba +120° +240°
- FFC8E9
Soulmate Pink
- E4DEA4
≈ Green Charm
- A3E7FF
≈ Fresh Air
Bổ túc chia +150° +210°
- FFC8E9
Soulmate Pink
- C9E6B3
≈ Cool Peridot
- 9FEBE8
≈ Freezy Breezy
Bộ bốn +90° +180° +270°
- FFC8E9
Soulmate Pink
- FBD4A5
≈ Tuscan
- AEEBCC
≈ Martian Haze
- C2DEFF
≈ Dithered Sky
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.42:1 · APCA Lc 21
Ag
AAATrên nền đen
WCAG 14.69:1 · APCA Lc 83
Màu chữ tốt nhất: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--soulmate-pink: #ffc8e9;
--soulmate-pink-rgb: 255 200 233;
--soulmate-pink-oklch: oklch(0.891 0.075 342.1);
}
.element {
color: var(--soulmate-pink);
background-color: hsl(324 100% 89%);
border-color: oklch(0.891 0.075 342.1);
}Tailwind CSS v4
@theme {
--color-soulmate-pink: #ffc8e9;
--color-soulmate-pink-50: #ffedfa;
--color-soulmate-pink-100: #fbdeee;
--color-soulmate-pink-200: #edc8dc;
--color-soulmate-pink-300: #d4a9c1;
--color-soulmate-pink-400: #be8dab;
--color-soulmate-pink-500: #a97294;
--color-soulmate-pink-600: #8f617d;
--color-soulmate-pink-700: #724d64;
--color-soulmate-pink-800: #54384b;
--color-soulmate-pink-900: #3b2634;
--color-soulmate-pink-950: #25151f;
}SCSS
$soulmate-pink: #ffc8e9;
$soulmate-pink-rgb: 255, 200, 233;
$soulmate-pink-light: mix(#fff, $soulmate-pink, 20%);
$soulmate-pink-dark: mix(#000, $soulmate-pink, 20%);
.element {
color: $soulmate-pink;
box-shadow: 0 0 0 2px rgba($soulmate-pink, 0.35);
}