Colore con nome · #B42435
Gory Movie
Gory Movie è #B42435: rgb(180 36 53), hsl(353 67% 42%), oklch(0.504 0.178 20.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Gory Movie color name →
#B42435
oklch(0.504 0.178 20.8)
Conversioni di colore
- HEX
- #b42435
- RGB
- rgb(180 36 53)
- HSL
- hsl(353 67% 42%)
- HWB
- hwb(353 14% 29%)
- OKLCH
- oklch(0.504 0.178 20.8)
- OKLab
- oklab(0.504 0.167 0.063)
- CIE Lab
- lab(40.63 57.16 28.91)
- LCH
- lch(40.63 64.05 26.8)
- CMYK
- cmyk(0% 80% 71% 29%)
Tinte · Ombre · Toni
Tinte
- BE4148
- C8595B
- D16E6F
- DA8382
- E29896
- E9ADAB
- F0C1BF
- F5D6D4
- FBEAE9
Ombre
- 9C1E2D
- 851825
- 6E121D
- 580C15
- 44070E
- 300408
- 1D0203
- 0C0001
- 020000
Toni
- B1343D
- AD4045
- A94A4D
- A55454
- A05C5B
- 9B6463
- 956B6A
- 8F7371
- 887979
Armonie di colore
Complementare +180°
- B42435
Gory Movie
- 007378
≈ Essential Teal
Analogo -30° +30°
- B42435
Gory Movie
- A92771
≈ Carroburg Crimson
- 9D4900
≈ Oregon
Triadico +120° +240°
- B42435
Gory Movie
- 1B7A00
≈ Botanical Beauty
- 205DC8
≈ Amnesia Blue
Complementare divisa +150° +210°
- B42435
Gory Movie
- 00765D
≈ Tropical Rainforest
- 006E93
≈ Tropic Sea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.47:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.24:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--gory-movie: #b42435;
--gory-movie-rgb: 180 36 53;
--gory-movie-oklch: oklch(0.504 0.178 20.8);
}
.element {
color: var(--gory-movie);
background-color: hsl(353 67% 42%);
border-color: oklch(0.504 0.178 20.8);
}Tailwind CSS v4
@theme {
--color-gory-movie: #b42435;
--color-gory-movie-50: #ffe2dd;
--color-gory-movie-100: #ffd1cc;
--color-gory-movie-200: #ffb6b1;
--color-gory-movie-300: #ff908c;
--color-gory-movie-400: #f66c70;
--color-gory-movie-500: #e44450;
--color-gory-movie-600: #c13b44;
--color-gory-movie-700: #9b2f36;
--color-gory-movie-800: #742029;
--color-gory-movie-900: #52161b;
--color-gory-movie-950: #36060c;
}SCSS
$gory-movie: #b42435;
$gory-movie-rgb: 180, 36, 53;
$gory-movie-light: mix(#fff, $gory-movie, 20%);
$gory-movie-dark: mix(#000, $gory-movie, 20%);
.element {
color: $gory-movie;
box-shadow: 0 0 0 2px rgba($gory-movie, 0.35);
}