Nazwany kolor · #E042D5
Leo Royal Fuchsia
Leo Royal Fuchsia to #E042D5: rgb(224 66 213), hsl(304 72% 57%), oklch(0.659 0.247 331). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Leo Royal Fuchsia color name →
#E042D5
oklch(0.659 0.247 331)
Konwersje koloru
- HEX
- #e042d5
- RGB
- rgb(224 66 213)
- HSL
- hsl(304 72% 57%)
- HWB
- hwb(304 26% 12%)
- OKLCH
- oklch(0.659 0.247 331)
- OKLab
- oklab(0.659 0.216 -0.12)
- CIE Lab
- lab(56.61 72.32 -43.02)
- LCH
- lch(56.61 84.15 329.3)
- CMYK
- cmyk(0% 71% 5% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E55BDA
- EA71DF
- EE85E3
- F297E8
- F5A9EC
- F8BBF0
- FBCCF4
- FDDDF8
- FEEEFC
Odcienie ciemniejsze
- C338B9
- A62F9E
- 8A2583
- 701C6A
- 561451
- 3E0B3A
- 270524
- 120110
- 020002
Tony
- D74ECD
- CE57C4
- C55FBC
- BC66B4
- B36BAB
- A971A3
- A0759A
- 967991
- 8B7D89
Harmonie kolorów
Komplementarna +180°
- E042D5
Leo Royal Fuchsia
- 00AF55
≈ Nordic Grass Green
Analogowa -30° +30°
- E042D5
Leo Royal Fuchsia
- AA67FF
≈ Purple Hedonist
- FE2A89
≈ Reliquial Rose
Triada +120° +240°
- E042D5
Leo Royal Fuchsia
- B18D00
≈ Cobra Leather
- 00A4B9
≈ January Blue
Komplementarna rozszczepiona +150° +210°
- E042D5
Leo Royal Fuchsia
- 849F00
≈ Noxious
- 00A996
≈ Persian Green
Tetrada +90° +180° +270°
- E042D5
Leo Royal Fuchsia
- D37800
≈ Autumn Leaf Orange
- 00AF55
≈ Nordic Grass Green
- 009BE6
≈ Atmosphere
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.55:1 · APCA Lc 62
Ag
AANa czerni
WCAG 5.90:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 5.90:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--leo-royal-fuchsia: #e042d5;
--leo-royal-fuchsia-rgb: 224 66 213;
--leo-royal-fuchsia-oklch: oklch(0.659 0.247 331);
}
.element {
color: var(--leo-royal-fuchsia);
background-color: hsl(304 72% 57%);
border-color: oklch(0.659 0.247 331);
}Tailwind CSS v4
@theme {
--color-leo-royal-fuchsia: #e042d5;
--color-leo-royal-fuchsia-50: #ffdbff;
--color-leo-royal-fuchsia-100: #ffc9ff;
--color-leo-royal-fuchsia-200: #ffabff;
--color-leo-royal-fuchsia-300: #ff81ed;
--color-leo-royal-fuchsia-400: #eb58e0;
--color-leo-royal-fuchsia-500: #d918ce;
--color-leo-royal-fuchsia-600: #b71bae;
--color-leo-royal-fuchsia-700: #93178c;
--color-leo-royal-fuchsia-800: #6c0f6b;
--color-leo-royal-fuchsia-900: #4c0a4b;
--color-leo-royal-fuchsia-950: #320031;
}SCSS
$leo-royal-fuchsia: #e042d5;
$leo-royal-fuchsia-rgb: 224, 66, 213;
$leo-royal-fuchsia-light: mix(#fff, $leo-royal-fuchsia, 20%);
$leo-royal-fuchsia-dark: mix(#000, $leo-royal-fuchsia, 20%);
.element {
color: $leo-royal-fuchsia;
box-shadow: 0 0 0 2px rgba($leo-royal-fuchsia, 0.35);
}