En yakın adlandırılmış renk · #E4929E
#E4929E
En yakın adlandırılmış renk: Pink Prestige
#E4929E (rgb(228 146 158), hsl(351 60% 73%), oklch(0.746 0.1 10.2)) en çok Pink Prestige adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E4929E
oklch(0.746 0.1 10.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E89DA7
- EBA8B1
- EEB3BA
- F1BEC4
- F4C8CD
- F7D3D7
- F9DEE1
- FBE9EB
- FDF4F5
Koyu tonlar
- C67E89
- A96B74
- 8D5860
- 72464D
- 58353A
- 3F2529
- 281618
- 120809
- 030101
Gri tonlar
- DA919B
- D08F98
- C68D95
- BC8C92
- B38A8F
- A9888C
- 9F8689
- 958486
- 8A8283
Renk uyumları
Tamamlayıcı +180°
- E4929E
Pink Prestige
- 54C1BB
≈ Port Hope
Analog -30° +30°
- E4929E
Pink Prestige
- D894C0
≈ Firm Pink
- E3977C
≈ Sockeye
Üçlü +120° +240°
- E4929E
Pink Prestige
- 98BA76
≈ Olivine
- 7BB2EA
≈ Lucea
Bölünmüş tamamlayıcı +150° +210°
- E4929E
Pink Prestige
- 70C197
≈ Felt Green
- 5ABCD9
≈ Azurean
Dörtlü +90° +180° +270°
- E4929E
Pink Prestige
- BBAF61
≈ Gilded Pesto
- 54C1BB
≈ Port Hope
- A0A6EB
≈ Cold Lips
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.35:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.90:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}