Couleur nommée · #FF1122
Superman Red
Superman Red correspond à #FF1122 : rgb(255 17 34), hsl(356 100% 53%), oklch(0.632 0.253 27). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Superman Red color name →
#FF1122
oklch(0.632 0.253 27)
Conversions de couleur
- HEX
- #ff1122
- RGB
- rgb(255 17 34)
- HSL
- hsl(356 100% 53%)
- HWB
- hwb(356 7% 0%)
- OKLCH
- oklch(0.632 0.253 27)
- OKLab
- oklab(0.632 0.225 0.115)
- CIE Lab
- lab(54.81 79.86 59.01)
- LCH
- lch(54.81 99.29 36.5)
- CMYK
- cmyk(0% 93% 87% 0%)
Teintes · Ombres · Tons
Teintes
- FF443F
- FF6056
- FF786C
- FF8E81
- FFA296
- FFB5AB
- FFC8C0
- FFDBD5
- FFEDEA
Ombres
- DE0D1C
- BE0916
- 9E0611
- 80040B
- 630207
- 480103
- 2E0001
- 160000
- 030000
Tons
- F43332
- E9443E
- DD5148
- D25B52
- C6645A
- B96B63
- AC716A
- 9E7772
- 907C79
Harmonies de couleurs
Complémentaire +180°
- FF1122
Superman Red
- 009CAB
≈ Lake Blue
Analogue -30° +30°
- FF1122
Superman Red
- F4118C
≈ Fabulous Fuchsia
- CD6D00
≈ Sludge
Triadique +120° +240°
- FF1122
Superman Red
- 00A63C
≈ Poetic Green
- 547FFF
≈ C64 NTSC
Complémentaire divisée +150° +210°
- FF1122
Superman Red
- 00A188
≈ Reptilian Green
- 0094D2
≈ Rich Electric Blue
Tétradique +90° +180° +270°
- FF1122
Superman Red
- 859400
≈ Snakes in the Grass
- 009CAB
≈ Lake Blue
- 9C5FFF
≈ Irrigo Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.92:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.35:1 · APCA Lc 38
Meilleure couleur de texte: #000000
WCAG 5.35:1 (AA) · APCA Lc 38
Contrast pairs
Extraits de code
CSS
:root {
--superman-red: #ff1122;
--superman-red-rgb: 255 17 34;
--superman-red-oklch: oklch(0.632 0.253 27);
}
.element {
color: var(--superman-red);
background-color: hsl(356 100% 53%);
border-color: oklch(0.632 0.253 27);
}Tailwind CSS v4
@theme {
--color-superman-red: #ff1122;
--color-superman-red-50: #ffdacc;
--color-superman-red-100: #ffc7b7;
--color-superman-red-200: #ffa794;
--color-superman-red-300: #ff7a67;
--color-superman-red-400: #ff4742;
--color-superman-red-500: #ff0000;
--color-superman-red-600: #db0003;
--color-superman-red-700: #b10005;
--color-superman-red-800: #84000a;
--color-superman-red-900: #5e0007;
--color-superman-red-950: #3f0000;
}SCSS
$superman-red: #ff1122;
$superman-red-rgb: 255, 17, 34;
$superman-red-light: mix(#fff, $superman-red, 20%);
$superman-red-dark: mix(#000, $superman-red, 20%);
.element {
color: $superman-red;
box-shadow: 0 0 0 2px rgba($superman-red, 0.35);
}