Benoemde kleur · #EE4488
Majestic Magenta
Majestic Magenta is #EE4488: rgb(238 68 136), hsl(336 83% 60%), oklch(0.65 0.212 0.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Majestic Magenta color name →
#EE4488
oklch(0.65 0.212 0.8)
Kleurconversies
- HEX
- #ee4488
- RGB
- rgb(238 68 136)
- HSL
- hsl(336 83% 60%)
- HWB
- hwb(336 27% 7%)
- OKLCH
- oklch(0.65 0.212 0.8)
- OKLab
- oklab(0.65 0.212 0.003)
- CIE Lab
- lab(56.74 68.55 2.12)
- LCH
- lch(56.74 68.58 1.8)
- CMYK
- cmyk(0% 71% 43% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F35C93
- F7719F
- FA84AA
- FD97B6
- FFA9C2
- FFBACE
- FFCCDA
- FFDDE6
- FFEEF3
Schaduwen
- CF3A75
- B13063
- 932652
- 771D41
- 5C1431
- 420C22
- 2A0513
- 140206
- 030001
Tonen
- E44F87
- DA5786
- D05F86
- C66585
- BB6B84
- B17083
- A57582
- 9A7982
- 8D7D81
Kleurharmonieën
Complementair +180°
- EE4488
Majestic Magenta
- 00A693
≈ Persian Green
Analoog -30° +30°
- EE4488
Majestic Magenta
- D352C9
≈ Fuchsia Flash
- F54933
≈ Vermilion Bird
Triadisch +120° +240°
- EE4488
Majestic Magenta
- 829C00
≈ BioShock
- 0098E1
≈ Atmosphere
Gesplitst complementair +150° +210°
- EE4488
Majestic Magenta
- 00AC52
≈ Rita Repulsa
- 00A1B6
≈ January Blue
Tetradisch +90° +180° +270°
- EE4488
Majestic Magenta
- AE8B00
≈ Yellow Brown
- 00A693
≈ Persian Green
- 6683FF
≈ Deep Denim
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.60:1 · APCA Lc 62
Ag
AAOp zwart
WCAG 5.81:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
CSS
:root {
--majestic-magenta: #ee4488;
--majestic-magenta-rgb: 238 68 136;
--majestic-magenta-oklch: oklch(0.65 0.212 0.8);
}
.element {
color: var(--majestic-magenta);
background-color: hsl(336 83% 60%);
border-color: oklch(0.65 0.212 0.8);
}Tailwind CSS v4
@theme {
--color-majestic-magenta: #ee4488;
--color-majestic-magenta-50: #ffdcef;
--color-majestic-magenta-100: #ffcae1;
--color-majestic-magenta-200: #ffadcc;
--color-majestic-magenta-300: #ff84ad;
--color-majestic-magenta-400: #fc5c97;
--color-majestic-magenta-500: #eb257e;
--color-majestic-magenta-600: #c6246b;
--color-majestic-magenta-700: #a01d56;
--color-majestic-magenta-800: #771341;
--color-majestic-magenta-900: #540d2d;
--color-majestic-magenta-950: #38001a;
}SCSS
$majestic-magenta: #ee4488;
$majestic-magenta-rgb: 238, 68, 136;
$majestic-magenta-light: mix(#fff, $majestic-magenta, 20%);
$majestic-magenta-dark: mix(#000, $majestic-magenta, 20%);
.element {
color: $majestic-magenta;
box-shadow: 0 0 0 2px rgba($majestic-magenta, 0.35);
}