Cor nomeada mais próxima · #E01A65
#E01A65
Cor nomeada mais próxima: Magna Cum Laude
#E01A65 (rgb(224 26 101), hsl(337 79% 49%), oklch(0.589 0.225 7.3)) é mais próxima da cor nomeada Magna Cum Laude. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E01A65
oklch(0.589 0.225 7.3)
Conversões de cor
- HEX
- #e01a65
- RGB
- rgb(224 26 101)
- HSL
- hsl(337 79% 49%)
- HWB
- hwb(337 10% 12%)
- OKLCH
- oklch(0.589 0.225 7.3)
- OKLab
- oklab(0.589 0.223 0.028)
- CIE Lab
- lab(49.63 72.95 12.78)
- LCH
- lch(49.63 74.06 9.9)
- CMYK
- cmyk(0% 88% 55% 12%)
Tons claros · Sombras · Tons
Tons claros
- E74273
- ED5C82
- F27391
- F688A0
- FA9DAF
- FDB1BF
- FFC5CE
- FFD8DE
- FFECEF
Sombras
- C31557
- A61049
- 8A0C3C
- 70072F
- 560422
- 3E0217
- 27010C
- 120003
- 020000
Tons
- D83268
- D0426A
- C84D6D
- BF5770
- B66073
- AD6775
- A36E78
- 98757B
- 8D7B7D
Harmonias de cor
Complementar +180°
- E01A65
Magna Cum Laude
- 009087
≈ Nifty Turquoise
Análoga -30° +30°
- E01A65
Magna Cum Laude
- C92FAC
≈ Perfectly Purple Place
- D74100
≈ Torii Red
Tríade +120° +240°
- E01A65
Magna Cum Laude
- 648C00
≈ Sap Green
- 0081D3
≈ Electron Blue
Complementar dividida +150° +210°
- E01A65
Magna Cum Laude
- 00955A
≈ Green Gloss
- 008CA6
≈ Quintana
Tétrade +90° +180° +270°
- E01A65
Magna Cum Laude
- 917C00
≈ Moscow Papyrus
- 009087
≈ Nifty Turquoise
- 6362FE
≈ Blue Genie
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.66:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 31
Melhor cor de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--magna-cum-laude: #e01a65;
--magna-cum-laude-rgb: 224 26 101;
--magna-cum-laude-oklch: oklch(0.589 0.225 7.3);
}
.element {
color: var(--magna-cum-laude);
background-color: hsl(337 79% 49%);
border-color: oklch(0.589 0.225 7.3);
}Tailwind CSS v4
@theme {
--color-magna-cum-laude: #e01a65;
--color-magna-cum-laude-50: #ffdbe7;
--color-magna-cum-laude-100: #ffc8d8;
--color-magna-cum-laude-200: #ffaac0;
--color-magna-cum-laude-300: #ff809f;
--color-magna-cum-laude-400: #ff5487;
--color-magna-cum-laude-500: #f4026b;
--color-magna-cum-laude-600: #ce105b;
--color-magna-cum-laude-700: #a61049;
--color-magna-cum-laude-800: #7b0837;
--color-magna-cum-laude-900: #570626;
--color-magna-cum-laude-950: #3a0014;
}SCSS
$magna-cum-laude: #e01a65;
$magna-cum-laude-rgb: 224, 26, 101;
$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);
}