Benannte Farbe · #DD4433
Matt Demon
Matt Demon ist #DD4433: rgb(221 68 51), hsl(6 71% 53%), oklch(0.605 0.192 30). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Matt Demon color name →
#DD4433
oklch(0.605 0.192 30)
Farbumrechnungen
- HEX
- #dd4433
- RGB
- rgb(221 68 51)
- HSL
- hsl(6 71% 53%)
- HWB
- hwb(6 20% 13%)
- OKLCH
- oklch(0.605 0.192 30)
- OKLab
- oklab(0.605 0.167 0.096)
- CIE Lab
- lab(52.32 59.53 45.29)
- LCH
- lch(52.32 74.8 37.3)
- CMYK
- cmyk(0% 69% 77% 13%)
Tints · Shades · Tones
Tints
- E35B49
- E9705E
- EE8372
- F29586
- F6A79A
- F9B9AE
- FCCBC2
- FEDCD6
- FFEEEA
Shades
- C03A2B
- A43023
- 88261C
- 6E1D14
- 55140D
- 3D0C07
- 260503
- 110201
- 020000
Tones
- D54E3D
- CD5646
- C55E4F
- BC6457
- B36A5E
- AA6F65
- A0746C
- 967873
- 8C7C7A
Farbharmonien
Komplementär +180°
- DD4433
Matt Demon
- 0092A4
≈ Oasis
Analog -30° +30°
- DD4433
Matt Demon
- D6407D
≈ Jaipur Pink
- BD6900
≈ Brown Orange
Triadisch +120° +240°
- DD4433
Matt Demon
- 009C47
≈ Get up and Go
- 5774F3
≈ Blue Öyster Cult
Geteilt komplementär +150° +210°
- DD4433
Matt Demon
- 009784
≈ Approval Green
- 008ACB
≈ Way Beyond the Blue
Tetradisch +90° +180° +270°
- DD4433
Matt Demon
- 778D00
≈ Canopy
- 0092A4
≈ Oasis
- 955EE1
≈ Lavender Indigo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.24:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 4.94:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 4.94:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--matt-demon: #dd4433;
--matt-demon-rgb: 221 68 51;
--matt-demon-oklch: oklch(0.605 0.192 30);
}
.element {
color: var(--matt-demon);
background-color: hsl(6 71% 53%);
border-color: oklch(0.605 0.192 30);
}Tailwind CSS v4
@theme {
--color-matt-demon: #dd4433;
--color-matt-demon-50: #ffe2d3;
--color-matt-demon-100: #ffd1c0;
--color-matt-demon-200: #ffb5a0;
--color-matt-demon-300: #ff8f77;
--color-matt-demon-400: #fb6956;
--color-matt-demon-500: #ea3d2c;
--color-matt-demon-600: #c63627;
--color-matt-demon-700: #9f2b1f;
--color-matt-demon-800: #771d18;
--color-matt-demon-900: #54130f;
--color-matt-demon-950: #380403;
}SCSS
$matt-demon: #dd4433;
$matt-demon-rgb: 221, 68, 51;
$matt-demon-light: mix(#fff, $matt-demon, 20%);
$matt-demon-dark: mix(#000, $matt-demon, 20%);
.element {
color: $matt-demon;
box-shadow: 0 0 0 2px rgba($matt-demon, 0.35);
}