Cor nomeada mais próxima · #E3799C
#E3799C
Cor nomeada mais próxima: Mangala Pink
#E3799C (rgb(227 121 156), hsl(340 65% 68%), oklch(0.704 0.136 0.2)) é mais próxima da cor nomeada Mangala Pink. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E3799C
oklch(0.704 0.136 0.2)
Conversões de cor
- HEX
- #e3799c
- RGB
- rgb(227 121 156)
- HSL
- hsl(340 65% 68%)
- HWB
- hwb(340 47% 11%)
- OKLCH
- oklch(0.704 0.136 0.2)
- OKLab
- oklab(0.704 0.136 0)
- CIE Lab
- lab(64.01 44.72 0.7)
- LCH
- lch(64.01 44.73 0.9)
- CMYK
- cmyk(0% 47% 31% 11%)
Tons claros · Sombras · Tons
Tons claros
- E787A5
- EB94AF
- EFA2B9
- F2AFC3
- F5BDCC
- F8CAD6
- FAD7E0
- FCE4EA
- FEF2F5
Sombras
- C56887
- A85873
- 8C485F
- 71394C
- 572B39
- 3F1D28
- 271018
- 120509
- 030101
Tons
- DA7B99
- D07C96
- C77D93
- BD7E91
- B37F8E
- A97F8B
- 9F8088
- 958086
- 8B8083
Harmonias de cor
Complementar +180°
- E3799C
Mangala Pink
- 00B9A3
≈ Aare River
Análoga -30° +30°
- E3799C
Mangala Pink
- CF7FC8
≈ Purple Kush
- E87C6C
≈ Cool Lava
Tríade +120° +240°
- E3799C
Mangala Pink
- 95AC40
≈ Googolplex
- 3FAAEB
≈ Cerulean
Complementar dividida +150° +210°
- E3799C
Mangala Pink
- 59B771
≈ Lawn Party
- 00B4CA
≈ Antigua Blue
Tétrade +90° +180° +270°
- E3799C
Mangala Pink
- C09B1F
≈ Rapeseed
- 00B9A3
≈ Aare River
- 7F9AF4
≈ Periwinkle Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--mangala-pink: #e3799c;
--mangala-pink-rgb: 227 121 156;
--mangala-pink-oklch: oklch(0.704 0.136 0.2);
}
.element {
color: var(--mangala-pink);
background-color: hsl(340 65% 68%);
border-color: oklch(0.704 0.136 0.2);
}Tailwind CSS v4
@theme {
--color-mangala-pink: #e3799c;
--color-mangala-pink-50: #ffe6f2;
--color-mangala-pink-100: #ffd6e4;
--color-mangala-pink-200: #ffbccf;
--color-mangala-pink-300: #f29ab2;
--color-mangala-pink-400: #df7a9b;
--color-mangala-pink-500: #cb5a82;
--color-mangala-pink-600: #ac4d6e;
--color-mangala-pink-700: #8a3d58;
--color-mangala-pink-800: #662c42;
--color-mangala-pink-900: #481d2e;
--color-mangala-pink-950: #2f0d1a;
}SCSS
$mangala-pink: #e3799c;
$mangala-pink-rgb: 227, 121, 156;
$mangala-pink-light: mix(#fff, $mangala-pink, 20%);
$mangala-pink-dark: mix(#000, $mangala-pink, 20%);
.element {
color: $mangala-pink;
box-shadow: 0 0 0 2px rgba($mangala-pink, 0.35);
}