Najbliższy nazwany kolor · #E20F69
#E20F69
Najbliższy nazwany kolor: Magna Cum Laude
#E20F69 (rgb(226 15 105), hsl(334 88% 47%), oklch(0.59 0.232 5.6)) jest najbliższy nazwanemu kolorowi Magna Cum Laude. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E20F69
oklch(0.59 0.232 5.6)
Konwersje koloru
- HEX
- #e20f69
- RGB
- rgb(226 15 105)
- HSL
- hsl(334 88% 47%)
- HWB
- hwb(334 6% 11%)
- OKLCH
- oklch(0.59 0.232 5.6)
- OKLab
- oklab(0.59 0.231 0.023)
- CIE Lab
- lab(49.64 74.97 10.41)
- LCH
- lch(49.64 75.69 7.9)
- CMYK
- cmyk(0% 93% 54% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E93E77
- EE5A85
- F37194
- F887A2
- FB9CB1
- FEB0C0
- FFC4D0
- FFD8DF
- FFEBEF
Odcienie ciemniejsze
- C40B5A
- A8084C
- 8C053E
- 710331
- 570224
- 3E0118
- 27000C
- 120004
- 030000
Tony
- DA2E6B
- D23F6E
- C94B70
- C05672
- B75F75
- AE6777
- A36E79
- 99747B
- 8D7A7E
Harmonie kolorów
Komplementarna +180°
- E20F69
Magna Cum Laude
- 009186
≈ Emerald Coast
Analogowa -30° +30°
- E20F69
Magna Cum Laude
- CA2CB1
≈ Mystifying Magenta
- DB3B00
≈ Flame of Prometheus
Triada +120° +240°
- E20F69
Magna Cum Laude
- 688C00
≈ Asparagus Sultan
- 0083D0
≈ Calgar Blue
Komplementarna rozszczepiona +150° +210°
- E20F69
Magna Cum Laude
- 009557
≈ Green Gloss
- 008CA4
≈ Parrot Flight
Tetrada +90° +180° +270°
- E20F69
Magna Cum Laude
- 937C00
≈ Moscow Papyrus
- 009186
≈ Emerald Coast
- 5F64FF
≈ Blue Genie
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.66:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 32
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--magna-cum-laude: #e20f69;
--magna-cum-laude-rgb: 226 15 105;
--magna-cum-laude-oklch: oklch(0.59 0.232 5.6);
}
.element {
color: var(--magna-cum-laude);
background-color: hsl(334 88% 47%);
border-color: oklch(0.59 0.232 5.6);
}Tailwind CSS v4
@theme {
--color-magna-cum-laude: #e20f69;
--color-magna-cum-laude-50: #ffdae9;
--color-magna-cum-laude-100: #ffc7da;
--color-magna-cum-laude-200: #ffa8c2;
--color-magna-cum-laude-300: #ff7da2;
--color-magna-cum-laude-400: #ff508a;
--color-magna-cum-laude-500: #f50070;
--color-magna-cum-laude-600: #cf015f;
--color-magna-cum-laude-700: #a7064b;
--color-magna-cum-laude-800: #7c033a;
--color-magna-cum-laude-900: #580427;
--color-magna-cum-laude-950: #3b0016;
}SCSS
$magna-cum-laude: #e20f69;
$magna-cum-laude-rgb: 226, 15, 105;
$magna-cum-laude-light: mix(#fff, $magna-cum-laude, 20%);
$magna-cum-laude-dark: mix(#000, $magna-cum-laude, 20%);
.element {
color: $magna-cum-laude;
box-shadow: 0 0 0 2px rgba($magna-cum-laude, 0.35);
}