Colore con nome · #D0343D
Trinidad Moruga Scorpion
Trinidad Moruga Scorpion è #D0343D: rgb(208 52 61), hsl(357 62% 51%), oklch(0.569 0.192 23). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Trinidad Moruga Scorpion color name →
#D0343D
oklch(0.569 0.192 23)
Conversioni di colore
- HEX
- #d0343d
- RGB
- rgb(208 52 61)
- HSL
- hsl(357 62% 51%)
- HWB
- hwb(357 20% 18%)
- OKLCH
- oklch(0.569 0.192 23)
- OKLab
- oklab(0.569 0.177 0.075)
- CIE Lab
- lab(47.98 61.11 34.22)
- LCH
- lch(47.98 70.04 29.2)
- CMYK
- cmyk(0% 75% 71% 18%)
Tinte · Ombre · Toni
Tinte
- D84E50
- DF6563
- E57976
- EB8D89
- F0A09C
- F5B3AF
- F8C6C3
- FBD9D7
- FEECEB
Ombre
- B52C34
- 9A242B
- 801C22
- 67151A
- 4F0E12
- 39070A
- 230304
- 100101
- 020000
Toni
- CA4145
- C34C4C
- BC5553
- B55C5A
- AD6460
- A56A67
- 9D706D
- 947674
- 8A7B7A
Armonie di colore
Complementare +180°
- D0343D
Trinidad Moruga Scorpion
- 008790
≈ Ocean Soul
Analogo -30° +30°
- D0343D
Trinidad Moruga Scorpion
- C53581
≈ Shrine of Pleasures
- B65A00
≈ Elm Brown Red
Triadico +120° +240°
- D0343D
Trinidad Moruga Scorpion
- 00910D
≈ Maniac Green
- 366EE6
≈ Bluetiful
Complementare divisa +150° +210°
- D0343D
Trinidad Moruga Scorpion
- 008B71
≈ Industrial Turquoise
- 0081B0
≈ Turkish Blue
Tetradico +90° +180° +270°
- D0343D
Trinidad Moruga Scorpion
- 787E00
≈ Verde Tropa
- 008790
≈ Ocean Soul
- 7F58DB
≈ Gloomy Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.95:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.24:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--trinidad-moruga-scorpion: #d0343d;
--trinidad-moruga-scorpion-rgb: 208 52 61;
--trinidad-moruga-scorpion-oklch: oklch(0.569 0.192 23);
}
.element {
color: var(--trinidad-moruga-scorpion);
background-color: hsl(357 62% 51%);
border-color: oklch(0.569 0.192 23);
}Tailwind CSS v4
@theme {
--color-trinidad-moruga-scorpion: #d0343d;
--color-trinidad-moruga-scorpion-50: #ffe1da;
--color-trinidad-moruga-scorpion-100: #ffcfc8;
--color-trinidad-moruga-scorpion-200: #ffb3ab;
--color-trinidad-moruga-scorpion-300: #ff8d85;
--color-trinidad-moruga-scorpion-400: #fb6767;
--color-trinidad-moruga-scorpion-500: #ea3a45;
--color-trinidad-moruga-scorpion-600: #c6343b;
--color-trinidad-moruga-scorpion-700: #9f292f;
--color-trinidad-moruga-scorpion-800: #771c24;
--color-trinidad-moruga-scorpion-900: #541218;
--color-trinidad-moruga-scorpion-950: #380309;
}SCSS
$trinidad-moruga-scorpion: #d0343d;
$trinidad-moruga-scorpion-rgb: 208, 52, 61;
$trinidad-moruga-scorpion-light: mix(#fff, $trinidad-moruga-scorpion, 20%);
$trinidad-moruga-scorpion-dark: mix(#000, $trinidad-moruga-scorpion, 20%);
.element {
color: $trinidad-moruga-scorpion;
box-shadow: 0 0 0 2px rgba($trinidad-moruga-scorpion, 0.35);
}