Couleur nommée · #E33636
Rose Madder
Rose Madder correspond à #E33636 : rgb(227 54 54), hsl(0 76% 55%), oklch(0.602 0.209 26.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Rose Madder color name →
#E33636
oklch(0.602 0.209 26.2)
Conversions de couleur
- HEX
- #e33636
- RGB
- rgb(227 54 54)
- HSL
- hsl(0 76% 55%)
- HWB
- hwb(0 21% 11%)
- OKLCH
- oklch(0.602 0.209 26.2)
- OKLab
- oklab(0.602 0.188 0.092)
- CIE Lab
- lab(51.79 65.96 43.58)
- LCH
- lch(51.79 79.06 33.5)
- CMYK
- cmyk(0% 76% 76% 11%)
Teintes · Ombres · Tons
Teintes
- E9524B
- EE6860
- F37D73
- F79187
- FAA49B
- FDB6AE
- FFC9C2
- FFDBD6
- FFEDEB
Ombres
- C52E2E
- A82525
- 8C1E1E
- 711616
- 570F0F
- 3F0808
- 270303
- 120101
- 030000
Tons
- DB4440
- D24F48
- C95850
- C06058
- B7665F
- AD6D66
- A3726D
- 987773
- 8C7C7A
Harmonies de couleurs
Complémentaire +180°
- E33636
Rose Madder
- 00929F
≈ Jaded
Analogue -30° +30°
- E33636
Rose Madder
- D93584
≈ Sensual Climax
- C16500
≈ Hawaiian Sunset
Triadique +120° +240°
- E33636
Rose Madder
- 009C32
≈ Peppermint Toad
- 4674FC
≈ Lightish Blue
Complémentaire divisée +150° +210°
- E33636
Rose Madder
- 00967F
≈ Aqua Waters
- 008BC4
≈ Celebration Blue
Tétradique +90° +180° +270°
- E33636
Rose Madder
- 7D8A00
≈ Krypton Green
- 00929F
≈ Jaded
- 905BED
≈ Lavender Indigo
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.33:1 · APCA Lc 68
Ag
AASur noir
WCAG 4.84:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.84:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--rose-madder: #e33636;
--rose-madder-rgb: 227 54 54;
--rose-madder-oklch: oklch(0.602 0.209 26.2);
}
.element {
color: var(--rose-madder);
background-color: hsl(0 76% 55%);
border-color: oklch(0.602 0.209 26.2);
}Tailwind CSS v4
@theme {
--color-rose-madder: #e33636;
--color-rose-madder-50: #ffdfd4;
--color-rose-madder-100: #ffcec1;
--color-rose-madder-200: #ffb0a1;
--color-rose-madder-300: #ff8979;
--color-rose-madder-400: #ff6058;
--color-rose-madder-500: #f22b31;
--color-rose-madder-600: #cc282b;
--color-rose-madder-700: #a42122;
--color-rose-madder-800: #7b151a;
--color-rose-madder-900: #570e11;
--color-rose-madder-950: #3a0004;
}SCSS
$rose-madder: #e33636;
$rose-madder-rgb: 227, 54, 54;
$rose-madder-light: mix(#fff, $rose-madder, 20%);
$rose-madder-dark: mix(#000, $rose-madder, 20%);
.element {
color: $rose-madder;
box-shadow: 0 0 0 2px rgba($rose-madder, 0.35);
}