Nazwany kolor · #E35BD8
Free Speech Magenta
Free Speech Magenta to #E35BD8: rgb(227 91 216), hsl(305 71% 62%), oklch(0.689 0.22 331). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Free Speech Magenta color name →
#E35BD8
oklch(0.689 0.22 331)
Konwersje koloru
- HEX
- #e35bd8
- RGB
- rgb(227 91 216)
- HSL
- hsl(305 71% 62%)
- HWB
- hwb(305 36% 11%)
- OKLCH
- oklch(0.689 0.22 331)
- OKLab
- oklab(0.689 0.192 -0.107)
- CIE Lab
- lab(60.56 64.45 -38.5)
- LCH
- lch(60.56 75.07 329.2)
- CMYK
- cmyk(0% 60% 5% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E76EDC
- EC80E1
- EF91E5
- F3A2E9
- F6B2ED
- F8C1F1
- FBD1F5
- FDE0F8
- FEF0FC
Odcienie ciemniejsze
- C54EBC
- A841A0
- 8C3585
- 71296B
- 571E53
- 3F133B
- 270925
- 120311
- 030002
Tony
- DA62CF
- D067C6
- C76CBE
- BD70B5
- B474AC
- AA77A3
- A07A9B
- 967C92
- 8B7E89
Harmonie kolorów
Komplementarna +180°
- E35BD8
Free Speech Magenta
- 00B95A
≈ Pistou Green
Analogowa -30° +30°
- E35BD8
Free Speech Magenta
- B177FF
≈ Purple Illusionist
- FF4E93
≈ Fuchsia Fever
Triada +120° +240°
- E35BD8
Free Speech Magenta
- BC9600
≈ Hidden Tribe
- 00AEC5
≈ Havasupai Falls
Komplementarna rozszczepiona +150° +210°
- E35BD8
Free Speech Magenta
- 8DA900
≈ Augustus Asparagus
- 00B39F
≈ Pool Green
Tetrada +90° +180° +270°
- E35BD8
Free Speech Magenta
- E07F00
≈ Sports Fan
- 00B95A
≈ Pistou Green
- 00A5F4
≈ Rockman Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.10:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.75:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--free-speech-magenta: #e35bd8;
--free-speech-magenta-rgb: 227 91 216;
--free-speech-magenta-oklch: oklch(0.689 0.22 331);
}
.element {
color: var(--free-speech-magenta);
background-color: hsl(305 71% 62%);
border-color: oklch(0.689 0.22 331);
}Tailwind CSS v4
@theme {
--color-free-speech-magenta: #e35bd8;
--color-free-speech-magenta-50: #ffdeff;
--color-free-speech-magenta-100: #ffcdff;
--color-free-speech-magenta-200: #ffb0fd;
--color-free-speech-magenta-300: #f889e7;
--color-free-speech-magenta-400: #e464d9;
--color-free-speech-magenta-500: #d136c7;
--color-free-speech-magenta-600: #b130a8;
--color-free-speech-magenta-700: #8e2787;
--color-free-speech-magenta-800: #681b67;
--color-free-speech-magenta-900: #491248;
--color-free-speech-magenta-950: #30032f;
}SCSS
$free-speech-magenta: #e35bd8;
$free-speech-magenta-rgb: 227, 91, 216;
$free-speech-magenta-light: mix(#fff, $free-speech-magenta, 20%);
$free-speech-magenta-dark: mix(#000, $free-speech-magenta, 20%);
.element {
color: $free-speech-magenta;
box-shadow: 0 0 0 2px rgba($free-speech-magenta, 0.35);
}