Colore con nome · #E05AEC
Clematis Magenta
Clematis Magenta è #E05AEC: rgb(224 90 236), hsl(295 79% 64%), oklch(0.694 0.236 324.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Clematis Magenta color name →
#E05AEC
oklch(0.694 0.236 324.3)
Conversioni di colore
- HEX
- #e05aec
- RGB
- rgb(224 90 236)
- HSL
- hsl(295 79% 64%)
- HWB
- hwb(295 35% 7%)
- OKLCH
- oklch(0.694 0.236 324.3)
- OKLab
- oklab(0.694 0.192 -0.137)
- CIE Lab
- lab(60.78 66.53 -49.38)
- LCH
- lch(60.78 82.85 323.4)
- CMYK
- cmyk(5% 62% 0% 7%)
Tinte · Ombre · Toni
Tinte
- E46EEF
- E980F1
- ED92F4
- F0A2F6
- F3B2F8
- F6C2FA
- F9D1FB
- FBE1FD
- FDF0FE
Ombre
- C34DCD
- A641AF
- 8A3592
- 702976
- 561E5B
- 3E1342
- 270929
- 120313
- 020003
Toni
- D761E1
- CE67D6
- C46CCC
- BB70C1
- B274B6
- A877AC
- 9E7AA1
- 957C96
- 8A7E8B
Armonie di colore
Complementare +180°
- E05AEC
Clematis Magenta
- 00BD2C
≈ Spring Forth
Analogo -30° +30°
- E05AEC
Clematis Magenta
- A581FF
≈ Purple Illusionist
- FF4DA5
≈ Barbie Pink
Triadico +120° +240°
- E05AEC
Clematis Magenta
- C59400
≈ Nugget Gold
- 00B1BE
≈ Deep Turquoise
Complementare divisa +150° +210°
- E05AEC
Clematis Magenta
- 9CA600
≈ Fistfull of Green
- 00B697
≈ Aloha
Tetradico +90° +180° +270°
- E05AEC
Clematis Magenta
- EC7900
≈ Pumpkin Cat
- 00BD2C
≈ Spring Forth
- 00A9E9
≈ Huelveño Horizon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.06:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.84:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.84:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--clematis-magenta: #e05aec;
--clematis-magenta-rgb: 224 90 236;
--clematis-magenta-oklch: oklch(0.694 0.236 324.3);
}
.element {
color: var(--clematis-magenta);
background-color: hsl(295 79% 64%);
border-color: oklch(0.694 0.236 324.3);
}Tailwind CSS v4
@theme {
--color-clematis-magenta: #e05aec;
--color-clematis-magenta-50: #ffdeff;
--color-clematis-magenta-100: #ffccff;
--color-clematis-magenta-200: #ffafff;
--color-clematis-magenta-300: #f487f6;
--color-clematis-magenta-400: #df61ea;
--color-clematis-magenta-500: #cc30da;
--color-clematis-magenta-600: #ad2cb8;
--color-clematis-magenta-700: #8b2394;
--color-clematis-magenta-800: #661871;
--color-clematis-magenta-900: #47104f;
--color-clematis-magenta-950: #2e0235;
}SCSS
$clematis-magenta: #e05aec;
$clematis-magenta-rgb: 224, 90, 236;
$clematis-magenta-light: mix(#fff, $clematis-magenta, 20%);
$clematis-magenta-dark: mix(#000, $clematis-magenta, 20%);
.element {
color: $clematis-magenta;
box-shadow: 0 0 0 2px rgba($clematis-magenta, 0.35);
}