Benoemde kleur · #E4007C
Mexican Pink
Mexican Pink is #E4007C: rgb(228 0 124), hsl(327 100% 45%), oklch(0.596 0.242 358.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Mexican Pink color name →
#E4007C
oklch(0.596 0.242 358.9)
Kleurconversies
- HEX
- #e4007c
- RGB
- rgb(228 0 124)
- HSL
- hsl(327 100% 45%)
- HWB
- hwb(327 0% 11%)
- OKLCH
- oklch(0.596 0.242 358.9)
- OKLab
- oklab(0.596 0.242 -0.005)
- CIE Lab
- lab(50.08 77.58 -0.55)
- LCH
- lch(50.08 77.58 359.6)
- CMYK
- cmyk(0% 100% 46% 11%)
Tinten · Schaduwen · Tonen
Tinten
- EA3B88
- F05895
- F570A1
- F986AE
- FC9BBB
- FFB0C9
- FFC4D6
- FFD8E3
- FFEBF1
Schaduwen
- C6006B
- A9005A
- 8D004A
- 72003B
- 58002C
- 3F001E
- 280011
- 120005
- 030001
Tonen
- DC2A7C
- D33C7D
- CB4A7D
- C2557E
- B85E7E
- AE667E
- A46E7F
- 99747F
- 8D7A80
Kleurharmonieën
Complementair +180°
- E4007C
Mexican Pink
- 009480
≈ Aqua Waters
Analoog -30° +30°
- E4007C
Mexican Pink
- C62DC4
≈ Steel Pink
- ED0709
≈ MVS Red
Triadisch +120° +240°
- E4007C
Mexican Pink
- 778A00
≈ Elwynn Forest Olive
- 0088C5
≈ Azul Caribe
Gesplitst complementair +150° +210°
- E4007C
Mexican Pink
- 009941
≈ Green Revolution
- 008FA0
≈ Coral Coast
Tetradisch +90° +180° +270°
- E4007C
Mexican Pink
- 9C7A00
≈ Yellowish Brown
- 009480
≈ Aqua Waters
- 4C6DFF
≈ Blue Heath Butterfly
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.57:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.58:1 · APCA Lc 33
Beste tekstkleur: #000000
WCAG 4.58:1 (AA) · APCA Lc 33
Contrast pairs
Codefragmenten
CSS
:root {
--mexican-pink: #e4007c;
--mexican-pink-rgb: 228 0 124;
--mexican-pink-oklch: oklch(0.596 0.242 358.9);
}
.element {
color: var(--mexican-pink);
background-color: hsl(327 100% 45%);
border-color: oklch(0.596 0.242 358.9);
}Tailwind CSS v4
@theme {
--color-mexican-pink: #e4007c;
--color-mexican-pink-50: #ffd8f1;
--color-mexican-pink-100: #ffc6e3;
--color-mexican-pink-200: #ffa6ce;
--color-mexican-pink-300: #ff7ab0;
--color-mexican-pink-400: #ff4b9b;
--color-mexican-pink-500: #f50083;
--color-mexican-pink-600: #cf006f;
--color-mexican-pink-700: #a70058;
--color-mexican-pink-800: #7c0044;
--color-mexican-pink-900: #58012f;
--color-mexican-pink-950: #3b001b;
}SCSS
$mexican-pink: #e4007c;
$mexican-pink-rgb: 228, 0, 124;
$mexican-pink-light: mix(#fff, $mexican-pink, 20%);
$mexican-pink-dark: mix(#000, $mexican-pink, 20%);
.element {
color: $mexican-pink;
box-shadow: 0 0 0 2px rgba($mexican-pink, 0.35);
}