Color con nombre más cercano · #EC0059
#EC0059
Color con nombre más cercano: Framboise
#EC0059 (rgb(236 0 89), hsl(337 100% 46%), oklch(0.601 0.24 12.1)) se parece más al color con nombre Framboise. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EC0059
oklch(0.601 0.24 12.1)
Conversiones de color
- HEX
- #ec0059
- RGB
- rgb(236 0 89)
- HSL
- hsl(337 100% 46%)
- HWB
- hwb(337 0% 7%)
- OKLCH
- oklch(0.601 0.24 12.1)
- OKLab
- oklab(0.601 0.235 0.05)
- CIE Lab
- lab(51 77.8 22.5)
- LCH
- lch(51 80.99 16.1)
- CMYK
- cmyk(0% 100% 62% 7%)
Tintes · Sombras · Tonos
Tintes
- F23C69
- F75A78
- FB7288
- FE8899
- FF9DA9
- FFB1BA
- FFC5CB
- FFD8DC
- FFECED
Sombras
- CD004C
- AF0040
- 920034
- 760028
- 5B001D
- 420013
- 290009
- 130003
- 030000
Tonos
- E32B5D
- DA3E61
- D04B65
- C75669
- BC5F6D
- B26771
- A76E75
- 9B7579
- 8E7B7C
Armonías de color
Complementario +180°
- EC0059
Framboise
- 009490
≈ Paradise Landscape
Análogo -30° +30°
- EC0059
Framboise
- D723A7
≈ Melodramatic Magenta
- D55000
≈ Deep Orange
Triádico +120° +240°
- EC0059
Framboise
- 599400
≈ Vida Loca
- 0081E7
≈ Blue Cola
Complementario dividido +150° +210°
- EC0059
Framboise
- 009868
≈ Green Cyan
- 008FB0
≈ Algiers Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.45:1 · APCA Lc 68
Ag
AASobre negro
WCAG 4.71:1 · APCA Lc 34
Mejor color de texto: #000000
WCAG 4.71:1 (AA) · APCA Lc 34
Contrast pairs
Fragmentos de código
CSS
:root {
--framboise: #ec0059;
--framboise-rgb: 236 0 89;
--framboise-oklch: oklch(0.601 0.24 12.1);
}
.element {
color: var(--framboise);
background-color: hsl(337 100% 46%);
border-color: oklch(0.601 0.24 12.1);
}Tailwind CSS v4
@theme {
--color-framboise: #ec0059;
--color-framboise-50: #ffd9e0;
--color-framboise-100: #ffc6cf;
--color-framboise-200: #ffa7b5;
--color-framboise-300: #ff7b91;
--color-framboise-400: #ff4b78;
--color-framboise-500: #fc005a;
--color-framboise-600: #d5004d;
--color-framboise-700: #ab003d;
--color-framboise-800: #80002f;
--color-framboise-900: #5b0020;
--color-framboise-950: #3d000f;
}SCSS
$framboise: #ec0059;
$framboise-rgb: 236, 0, 89;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}