Color con nombre · #EE2233
Rouge Sarde
Rouge Sarde es #EE2233: rgb(238 34 51), hsl(355 86% 53%), oklch(0.609 0.232 24.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Rouge Sarde color name →
#EE2233
oklch(0.609 0.232 24.6)
Conversiones de color
- HEX
- #ee2233
- RGB
- rgb(238 34 51)
- HSL
- hsl(355 86% 53%)
- HWB
- hwb(355 13% 7%)
- OKLCH
- oklch(0.609 0.232 24.6)
- OKLab
- oklab(0.609 0.211 0.096)
- CIE Lab
- lab(52.25 73.57 46.56)
- LCH
- lch(52.25 87.07 32.3)
- CMYK
- cmyk(0% 86% 79% 7%)
Tintes · Sombras · Tonos
Tintes
- F34749
- F8625E
- FC7872
- FF8D86
- FFA19A
- FFB4AE
- FFC7C2
- FFDAD6
- FFEDEA
Sombras
- CF1C2B
- B11623
- 93111C
- 770B14
- 5C070D
- 420307
- 2A0103
- 140001
- 030000
Tonos
- E5383D
- DB4746
- D1524F
- C75B57
- BD635E
- B26A65
- A7716C
- 9B7673
- 8E7B7A
Armonías de color
Complementario +180°
- EE2233
Rouge Sarde
- 0094A0
≈ Jaded
Análogo -30° +30°
- EE2233
Rouge Sarde
- E2258B
≈ Myoga Purple
- C66500
≈ Alloy Orange
Triádico +120° +240°
- EE2233
Rouge Sarde
- 009F26
≈ Space Invader
- 4177FF
≈ Lightish Blue
Complementario dividido +150° +210°
- EE2233
Rouge Sarde
- 00997E
≈ Paolo Veronese Green
- 008EC4
≈ Parrotfish Blue
Tetrádico +90° +180° +270°
- EE2233
Rouge Sarde
- 828B00
≈ Krypton Green
- 0094A0
≈ Jaded
- 9157FC
≈ Irrigo Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.27:1 · APCA Lc 67
Ag
AASobre negro
WCAG 4.91:1 · APCA Lc 34
Mejor color de texto: #000000
WCAG 4.91:1 (AA) · APCA Lc 34
Contrast pairs
Fragmentos de código
CSS
:root {
--rouge-sarde: #ee2233;
--rouge-sarde-rgb: 238 34 51;
--rouge-sarde-oklch: oklch(0.609 0.232 24.6);
}
.element {
color: var(--rouge-sarde);
background-color: hsl(355 86% 53%);
border-color: oklch(0.609 0.232 24.6);
}Tailwind CSS v4
@theme {
--color-rouge-sarde: #ee2233;
--color-rouge-sarde-50: #ffdcd2;
--color-rouge-sarde-100: #ffcabf;
--color-rouge-sarde-200: #ffab9f;
--color-rouge-sarde-300: #ff8175;
--color-rouge-sarde-400: #ff5354;
--color-rouge-sarde-500: #fb002a;
--color-rouge-sarde-600: #d40826;
--color-rouge-sarde-700: #ab0b1e;
--color-rouge-sarde-800: #800418;
--color-rouge-sarde-900: #5a040f;
--color-rouge-sarde-950: #3d0003;
}SCSS
$rouge-sarde: #ee2233;
$rouge-sarde-rgb: 238, 34, 51;
$rouge-sarde-light: mix(#fff, $rouge-sarde, 20%);
$rouge-sarde-dark: mix(#000, $rouge-sarde, 20%);
.element {
color: $rouge-sarde;
box-shadow: 0 0 0 2px rgba($rouge-sarde, 0.35);
}