Benannte Farbe · #D0343D
Trinidad Moruga Scorpion
Trinidad Moruga Scorpion ist #D0343D: rgb(208 52 61), hsl(357 62% 51%), oklch(0.569 0.192 23). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Trinidad Moruga Scorpion color name →
#D0343D
oklch(0.569 0.192 23)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D84E50
- DF6563
- E57976
- EB8D89
- F0A09C
- F5B3AF
- F8C6C3
- FBD9D7
- FEECEB
Shades
- B52C34
- 9A242B
- 801C22
- 67151A
- 4F0E12
- 39070A
- 230304
- 100101
- 020000
Tones
- CA4145
- C34C4C
- BC5553
- B55C5A
- AD6460
- A56A67
- 9D706D
- 947674
- 8A7B7A
Farbharmonien
Komplementär +180°
- D0343D
Trinidad Moruga Scorpion
- 008790
≈ Ocean Soul
Analog -30° +30°
- D0343D
Trinidad Moruga Scorpion
- C53581
≈ Shrine of Pleasures
- B65A00
≈ Elm Brown Red
Triadisch +120° +240°
- D0343D
Trinidad Moruga Scorpion
- 00910D
≈ Maniac Green
- 366EE6
≈ Bluetiful
Geteilt komplementär +150° +210°
- D0343D
Trinidad Moruga Scorpion
- 008B71
≈ Industrial Turquoise
- 0081B0
≈ Turkish Blue
Tetradisch +90° +180° +270°
- D0343D
Trinidad Moruga Scorpion
- 787E00
≈ Verde Tropa
- 008790
≈ Ocean Soul
- 7F58DB
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.95:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.24:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
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);
}