Cor nomeada mais próxima · #EC073E
#EC073E
Cor nomeada mais próxima: Red Ribbon
#EC073E (rgb(236 7 62), hsl(346 94% 48%), oklch(0.598 0.238 20.2)) é mais próxima da cor nomeada Red Ribbon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#EC073E
oklch(0.598 0.238 20.2)
Conversões de cor
- HEX
- #ec073e
- RGB
- rgb(236 7 62)
- HSL
- hsl(346 94% 48%)
- HWB
- hwb(346 3% 7%)
- OKLCH
- oklch(0.598 0.238 20.2)
- OKLab
- oklab(0.598 0.223 0.082)
- CIE Lab
- lab(50.81 76.48 38.63)
- LCH
- lch(50.81 85.69 26.8)
- CMYK
- cmyk(0% 97% 74% 7%)
Tons claros · Sombras · Tons
Tons claros
- F23E52
- F75B65
- FB7377
- FE898A
- FF9D9D
- FFB2B0
- FFC5C4
- FFD9D7
- FFECEB
Sombras
- CD0535
- AF042B
- 920223
- 76021A
- 5B0112
- 42000A
- 290004
- 130001
- 030000
Tons
- E32D46
- DA3F4D
- D04C54
- C7575B
- BC6062
- B26868
- A76F6E
- 9B7574
- 8E7B7A
Harmonias de cor
Complementar +180°
- EC073E
Red Ribbon
- 009198
≈ Splashy
Análoga -30° +30°
- EC073E
Red Ribbon
- DD1A93
≈ Benevolent Pink
- C75D00
≈ Kvass
Tríade +120° +240°
- EC073E
Red Ribbon
- 2B9900
≈ Innisfree Garden
- 2176FF
≈ Magic Fountain
Complementar dividida +150° +210°
- EC073E
Red Ribbon
- 009675
≈ Pool Table
- 008BB9
≈ Hawaiian Ocean
Tétrade +90° +180° +270°
- EC073E
Red Ribbon
- 858600
≈ Krypton Green
- 009198
≈ Splashy
- 8556FF
≈ Purple Honeycreeper
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.66:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--red-ribbon: #ec073e;
--red-ribbon-rgb: 236 7 62;
--red-ribbon-oklch: oklch(0.598 0.238 20.2);
}
.element {
color: var(--red-ribbon);
background-color: hsl(346 94% 48%);
border-color: oklch(0.598 0.238 20.2);
}Tailwind CSS v4
@theme {
--color-red-ribbon: #ec073e;
--color-red-ribbon-50: #ffdbd6;
--color-red-ribbon-100: #ffc8c4;
--color-red-ribbon-200: #ffa9a5;
--color-red-ribbon-300: #ff7d7e;
--color-red-ribbon-400: #ff4e60;
--color-red-ribbon-500: #fd003c;
--color-red-ribbon-600: #d60034;
--color-red-ribbon-700: #ac0029;
--color-red-ribbon-800: #810020;
--color-red-ribbon-900: #5b0115;
--color-red-ribbon-950: #3d0007;
}SCSS
$red-ribbon: #ec073e;
$red-ribbon-rgb: 236, 7, 62;
$red-ribbon-light: mix(#fff, $red-ribbon, 20%);
$red-ribbon-dark: mix(#000, $red-ribbon, 20%);
.element {
color: $red-ribbon;
box-shadow: 0 0 0 2px rgba($red-ribbon, 0.35);
}