Benannte Farbe · #DD3744
Serial Kisses
Serial Kisses ist #DD3744: rgb(221 55 68), hsl(355 71% 54%), oklch(0.595 0.201 22). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Serial Kisses color name →
#DD3744
oklch(0.595 0.201 22)
Farbumrechnungen
- HEX
- #dd3744
- RGB
- rgb(221 55 68)
- HSL
- hsl(355 71% 54%)
- HWB
- hwb(355 22% 13%)
- OKLCH
- oklch(0.595 0.201 22)
- OKLab
- oklab(0.595 0.187 0.075)
- CIE Lab
- lab(50.89 64.3 34.21)
- LCH
- lch(50.89 72.84 28)
- CMYK
- cmyk(0% 75% 69% 13%)
Tints · Shades · Tones
Tints
- E45257
- E96869
- EF7C7B
- F3908D
- F7A3A0
- FAB6B2
- FDC8C5
- FEDAD8
- FFEDEB
Shades
- C02E3A
- A42630
- 881E26
- 6E161D
- 550F14
- 3D080C
- 260305
- 110102
- 020000
Tones
- D5444B
- CD4F52
- C55758
- BD5F5E
- B46664
- AB6C6A
- A1726F
- 977775
- 8C7C7B
Farbharmonien
Komplementär +180°
- DD3744
Serial Kisses
- 009098
≈ Splashy
Analog -30° +30°
- DD3744
Serial Kisses
- D1398B
≈ Shrine of Pleasures
- C35E00
≈ Crema
Triadisch +120° +240°
- DD3744
Serial Kisses
- 119A00
≈ Herbalist’s Garden
- 3576F4
≈ Clear Blue
Geteilt komplementär +150° +210°
- DD3744
Serial Kisses
- 009477
≈ Pool Table
- 008ABA
≈ Mermaid Dreams
Tetradisch +90° +180° +270°
- DD3744
Serial Kisses
- 818500
≈ Elwynn Forest Olive
- 009098
≈ Splashy
- 855EEA
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.46:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.70:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.70:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--serial-kisses: #dd3744;
--serial-kisses-rgb: 221 55 68;
--serial-kisses-oklch: oklch(0.595 0.201 22);
}
.element {
color: var(--serial-kisses);
background-color: hsl(355 71% 54%);
border-color: oklch(0.595 0.201 22);
}Tailwind CSS v4
@theme {
--color-serial-kisses: #dd3744;
--color-serial-kisses-50: #ffdfd9;
--color-serial-kisses-100: #ffcec7;
--color-serial-kisses-200: #ffb1aa;
--color-serial-kisses-300: #ff8a84;
--color-serial-kisses-400: #ff6266;
--color-serial-kisses-500: #ee3144;
--color-serial-kisses-600: #c92d3b;
--color-serial-kisses-700: #a2242e;
--color-serial-kisses-800: #791823;
--color-serial-kisses-900: #551017;
--color-serial-kisses-950: #390109;
}SCSS
$serial-kisses: #dd3744;
$serial-kisses-rgb: 221, 55, 68;
$serial-kisses-light: mix(#fff, $serial-kisses, 20%);
$serial-kisses-dark: mix(#000, $serial-kisses, 20%);
.element {
color: $serial-kisses;
box-shadow: 0 0 0 2px rgba($serial-kisses, 0.35);
}