Couleur nommée la plus proche · #E4929E
#E4929E
Couleur nommée la plus proche: Pink Prestige
#E4929E (rgb(228 146 158), hsl(351 60% 73%), oklch(0.746 0.1 10.2)) est la plus proche de la couleur nommée Pink Prestige. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E4929E
oklch(0.746 0.1 10.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E89DA7
- EBA8B1
- EEB3BA
- F1BEC4
- F4C8CD
- F7D3D7
- F9DEE1
- FBE9EB
- FDF4F5
Ombres
- C67E89
- A96B74
- 8D5860
- 72464D
- 58353A
- 3F2529
- 281618
- 120809
- 030101
Tons
- DA919B
- D08F98
- C68D95
- BC8C92
- B38A8F
- A9888C
- 9F8689
- 958486
- 8A8283
Harmonies de couleurs
Complémentaire +180°
- E4929E
Pink Prestige
- 54C1BB
≈ Port Hope
Analogue -30° +30°
- E4929E
Pink Prestige
- D894C0
≈ Firm Pink
- E3977C
≈ Sockeye
Triadique +120° +240°
- E4929E
Pink Prestige
- 98BA76
≈ Olivine
- 7BB2EA
≈ Lucea
Complémentaire divisée +150° +210°
- E4929E
Pink Prestige
- 70C197
≈ Felt Green
- 5ABCD9
≈ Azurean
Tétradique +90° +180° +270°
- E4929E
Pink Prestige
- BBAF61
≈ Gilded Pesto
- 54C1BB
≈ Port Hope
- A0A6EB
≈ Cold Lips
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.35:1 · APCA Lc 46
Ag
AAASur noir
WCAG 8.90:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
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);
}