Màu có tên gần nhất · #E4929E
#E4929E
Màu có tên gần nhất: Pink Prestige
#E4929E (rgb(228 146 158), hsl(351 60% 73%), oklch(0.746 0.1 10.2)) gần nhất với màu có tên Pink Prestige. 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.
#E4929E
oklch(0.746 0.1 10.2)
Chuyển đổi màu
- HEX
- #e4929e
- RGB
- rgb(228 146 158)
- HSL
- hsl(351 60% 73%)
- HWB
- hwb(351 57% 11%)
- OKLCH
- oklch(0.746 0.1 10.2)
- OKLab
- oklab(0.746 0.098 0.018)
- CIE Lab
- lab(69.43 32.92 7.31)
- LCH
- lch(69.43 33.72 12.5)
- CMYK
- cmyk(0% 36% 31% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E89DA7
- EBA8B1
- EEB3BA
- F1BEC4
- F4C8CD
- F7D3D7
- F9DEE1
- FBE9EB
- FDF4F5
Sắc đậm
- C67E89
- A96B74
- 8D5860
- 72464D
- 58353A
- 3F2529
- 281618
- 120809
- 030101
Sắc xám
- DA919B
- D08F98
- C68D95
- BC8C92
- B38A8F
- A9888C
- 9F8689
- 958486
- 8A8283
Hòa sắc
Bổ túc +180°
- E4929E
Pink Prestige
- 54C1BB
≈ Port Hope
Tương đồng -30° +30°
- E4929E
Pink Prestige
- D894C0
≈ Firm Pink
- E3977C
≈ Sockeye
Bộ ba +120° +240°
- E4929E
Pink Prestige
- 98BA76
≈ Olivine
- 7BB2EA
≈ Lucea
Bổ túc chia +150° +210°
- E4929E
Pink Prestige
- 70C197
≈ Felt Green
- 5ABCD9
≈ Azurean
Bộ bốn +90° +180° +270°
- E4929E
Pink Prestige
- BBAF61
≈ Gilded Pesto
- 54C1BB
≈ Port Hope
- A0A6EB
≈ Cold Lips
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.35:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 8.90:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--pink-prestige: #e4929e;
--pink-prestige-rgb: 228 146 158;
--pink-prestige-oklch: oklch(0.746 0.1 10.2);
}
.element {
color: var(--pink-prestige);
background-color: hsl(351 60% 73%);
border-color: oklch(0.746 0.1 10.2);
}Tailwind CSS v4
@theme {
--color-pink-prestige: #e4929e;
--color-pink-prestige-50: #ffeaed;
--color-pink-prestige-100: #ffdbdf;
--color-pink-prestige-200: #fcc3c9;
--color-pink-prestige-300: #e6a3a9;
--color-pink-prestige-400: #d28591;
--color-pink-prestige-500: #be6877;
--color-pink-prestige-600: #a15965;
--color-pink-prestige-700: #814750;
--color-pink-prestige-800: #60333c;
--color-pink-prestige-900: #432329;
--color-pink-prestige-950: #2b1117;
}SCSS
$pink-prestige: #e4929e;
$pink-prestige-rgb: 228, 146, 158;
$pink-prestige-light: mix(#fff, $pink-prestige, 20%);
$pink-prestige-dark: mix(#000, $pink-prestige, 20%);
.element {
color: $pink-prestige;
box-shadow: 0 0 0 2px rgba($pink-prestige, 0.35);
}