En yakın adlandırılmış renk · #E01B68
#E01B68
En yakın adlandırılmış renk: Magna Cum Laude
#E01B68 (rgb(224 27 104), hsl(337 78% 49%), oklch(0.59 0.225 6.2)) en çok Magna Cum Laude adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E01B68
oklch(0.59 0.225 6.2)
Renk dönüşümleri
- HEX
- #e01b68
- RGB
- rgb(224 27 104)
- HSL
- hsl(337 78% 49%)
- HWB
- hwb(337 11% 12%)
- OKLCH
- oklch(0.59 0.225 6.2)
- OKLab
- oklab(0.59 0.224 0.024)
- CIE Lab
- lab(49.75 72.94 11.1)
- LCH
- lch(49.75 73.78 8.7)
- CMYK
- cmyk(0% 88% 54% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E74276
- ED5C84
- F27393
- F689A2
- FA9DB1
- FDB1C0
- FFC5CF
- FFD8DF
- FFECEF
Koyu tonlar
- C31659
- A6114B
- 8A0C3E
- 700830
- 560524
- 3E0218
- 27010C
- 120004
- 020000
Gri tonlar
- D8336A
- D0426D
- C84E6F
- BF5772
- B66074
- AD6876
- A36E79
- 98757B
- 8D7B7E
Renk uyumları
Tamamlayıcı +180°
- E01B68
Magna Cum Laude
- 009187
≈ Nifty Turquoise
Analog -30° +30°
- E01B68
Magna Cum Laude
- C831AE
≈ Pink Perennial
- DA3D00
≈ Flame of Prometheus
Üçlü +120° +240°
- E01B68
Magna Cum Laude
- 668C00
≈ Sap Green
- 0082D1
≈ Electron Blue
Bölünmüş tamamlayıcı +150° +210°
- E01B68
Magna Cum Laude
- 009558
≈ Green Gloss
- 008CA5
≈ Quintana
Dörtlü +90° +180° +270°
- E01B68
Magna Cum Laude
- 937C00
≈ Moscow Papyrus
- 009187
≈ Nifty Turquoise
- 6163FF
≈ Blue Genie
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.52:1 · APCA Lc 32
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--magna-cum-laude: #e01b68;
--magna-cum-laude-rgb: 224 27 104;
--magna-cum-laude-oklch: oklch(0.59 0.225 6.2);
}
.element {
color: var(--magna-cum-laude);
background-color: hsl(337 78% 49%);
border-color: oklch(0.59 0.225 6.2);
}Tailwind CSS v4
@theme {
--color-magna-cum-laude: #e01b68;
--color-magna-cum-laude-50: #ffdbe8;
--color-magna-cum-laude-100: #ffc8d9;
--color-magna-cum-laude-200: #ffaac1;
--color-magna-cum-laude-300: #ff7fa1;
--color-magna-cum-laude-400: #ff5489;
--color-magna-cum-laude-500: #f3036e;
--color-magna-cum-laude-600: #cd115e;
--color-magna-cum-laude-700: #a5104b;
--color-magna-cum-laude-800: #7b0839;
--color-magna-cum-laude-900: #570627;
--color-magna-cum-laude-950: #3a0015;
}SCSS
$magna-cum-laude: #e01b68;
$magna-cum-laude-rgb: 224, 27, 104;
$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);
}