Màu có tên gần nhất · #E01B68
#E01B68
Màu có tên gần nhất: Magna Cum Laude
#E01B68 (rgb(224 27 104), hsl(337 78% 49%), oklch(0.59 0.225 6.2)) gần nhất với màu có tên Magna Cum Laude. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E01B68
oklch(0.59 0.225 6.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E74276
- ED5C84
- F27393
- F689A2
- FA9DB1
- FDB1C0
- FFC5CF
- FFD8DF
- FFECEF
Sắc đậm
- C31659
- A6114B
- 8A0C3E
- 700830
- 560524
- 3E0218
- 27010C
- 120004
- 020000
Sắc xám
- D8336A
- D0426D
- C84E6F
- BF5772
- B66074
- AD6876
- A36E79
- 98757B
- 8D7B7E
Hòa sắc
Bổ túc +180°
- E01B68
Magna Cum Laude
- 009187
≈ Nifty Turquoise
Tương đồng -30° +30°
- E01B68
Magna Cum Laude
- C831AE
≈ Pink Perennial
- DA3D00
≈ Flame of Prometheus
Bộ ba +120° +240°
- E01B68
Magna Cum Laude
- 668C00
≈ Sap Green
- 0082D1
≈ Electron Blue
Bổ túc chia +150° +210°
- E01B68
Magna Cum Laude
- 009558
≈ Green Gloss
- 008CA5
≈ Quintana
Bộ bốn +90° +180° +270°
- E01B68
Magna Cum Laude
- 937C00
≈ Moscow Papyrus
- 009187
≈ Nifty Turquoise
- 6163FF
≈ Blue Genie
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.52:1 · APCA Lc 32
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 70
Contrast pairs
Đoạn mã
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);
}