Nazwany kolor · #EE4488
Majestic Magenta
Majestic Magenta to #EE4488: rgb(238 68 136), hsl(336 83% 60%), oklch(0.65 0.212 0.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Majestic Magenta color name →
#EE4488
oklch(0.65 0.212 0.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F35C93
- F7719F
- FA84AA
- FD97B6
- FFA9C2
- FFBACE
- FFCCDA
- FFDDE6
- FFEEF3
Odcienie ciemniejsze
- CF3A75
- B13063
- 932652
- 771D41
- 5C1431
- 420C22
- 2A0513
- 140206
- 030001
Tony
- E44F87
- DA5786
- D05F86
- C66585
- BB6B84
- B17083
- A57582
- 9A7982
- 8D7D81
Harmonie kolorów
Komplementarna +180°
- EE4488
Majestic Magenta
- 00A693
≈ Persian Green
Analogowa -30° +30°
- EE4488
Majestic Magenta
- D352C9
≈ Fuchsia Flash
- F54933
≈ Vermilion Bird
Triada +120° +240°
- EE4488
Majestic Magenta
- 829C00
≈ BioShock
- 0098E1
≈ Atmosphere
Komplementarna rozszczepiona +150° +210°
- EE4488
Majestic Magenta
- 00AC52
≈ Rita Repulsa
- 00A1B6
≈ January Blue
Tetrada +90° +180° +270°
- EE4488
Majestic Magenta
- AE8B00
≈ Yellow Brown
- 00A693
≈ Persian Green
- 6683FF
≈ Deep Denim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.60:1 · APCA Lc 62
Ag
AANa czerni
WCAG 5.81:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
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);
}