Màu có tên gần nhất · #F7E8F3
#F7E8F3
Màu có tên gần nhất: Partial Pink
#F7E8F3 (rgb(247 232 243), hsl(316 48% 94%), oklch(0.946 0.022 334.9)) gần nhất với màu có tên Partial Pink. 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.
#F7E8F3
oklch(0.946 0.022 334.9)
Chuyển đổi màu
- HEX
- #f7e8f3
- RGB
- rgb(247 232 243)
- HSL
- hsl(316 48% 94%)
- HWB
- hwb(316 91% 3%)
- OKLCH
- oklch(0.946 0.022 334.9)
- OKLab
- oklab(0.946 0.02 -0.009)
- CIE Lab
- lab(93.44 6.67 -3.42)
- LCH
- lch(93.44 7.5 332.8)
- CMYK
- cmyk(0% 6% 2% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8EAF4
- F9EDF5
- F9EFF7
- FAF1F8
- FBF3F9
- FCF6FA
- FDF8FB
- FDFAFD
- FEFDFE
Sắc đậm
- D7CAD3
- B7ACB4
- 999097
- 7C747A
- 60595E
- 454044
- 2C292B
- 151314
- 030303
Sắc xám
- EADDE7
- DED2DB
- D2C8CF
- C6BDC3
- BAB3B8
- AEA8AC
- A29EA1
- 979496
- 8B8A8B
Hòa sắc
Bổ túc +180°
- F7E8F3
Partial Pink
- E2F2E7
≈ Polar
Tương đồng -30° +30°
- F7E8F3
Partial Pink
- F0EAF9
≈ Bright Dusk
- FBE7EB
≈ Hepatica
Bộ ba +120° +240°
- F7E8F3
Partial Pink
- F1EDDD
≈ Ewe
- DEF1F6
≈ Diamond White
Bổ túc chia +150° +210°
- F7E8F3
Partial Pink
- EAF0E0
≈ Clarity
- DEF2EF
≈ Glacier Bay
Bộ bốn +90° +180° +270°
- F7E8F3
Partial Pink
- F8EBDE
≈ Mallow Root
- E2F2E7
≈ Polar
- E2EFFB
≈ Wizard White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.18:1 · APCA Lc 9
Ag
AAATrên nền đen
WCAG 17.79:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--partial-pink: #f7e8f3;
--partial-pink-rgb: 247 232 243;
--partial-pink-oklch: oklch(0.946 0.022 334.9);
}
.element {
color: var(--partial-pink);
background-color: hsl(316 48% 94%);
border-color: oklch(0.946 0.022 334.9);
}Tailwind CSS v4
@theme {
--color-partial-pink: #f7e8f3;
--color-partial-pink-50: #f9f3f7;
--color-partial-pink-100: #ede5ea;
--color-partial-pink-200: #dbd1d8;
--color-partial-pink-300: #bfb3bb;
--color-partial-pink-400: #a79aa4;
--color-partial-pink-500: #90818c;
--color-partial-pink-600: #7a6d76;
--color-partial-pink-700: #61575f;
--color-partial-pink-800: #474046;
--color-partial-pink-900: #312c30;
--color-partial-pink-950: #1d191c;
}SCSS
$partial-pink: #f7e8f3;
$partial-pink-rgb: 247, 232, 243;
$partial-pink-light: mix(#fff, $partial-pink, 20%);
$partial-pink-dark: mix(#000, $partial-pink, 20%);
.element {
color: $partial-pink;
box-shadow: 0 0 0 2px rgba($partial-pink, 0.35);
}