Benannte Farbe · #DD5511
Liselotte Syrup
Liselotte Syrup ist #DD5511: rgb(221 85 17), hsl(20 86% 47%), oklch(0.622 0.184 41.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Liselotte Syrup color name →
#DD5511
oklch(0.622 0.184 41.4)
Farbumrechnungen
- HEX
- #dd5511
- RGB
- rgb(221 85 17)
- HSL
- hsl(20 86% 47%)
- HWB
- hwb(20 7% 13%)
- OKLCH
- oklch(0.622 0.184 41.4)
- OKLab
- oklab(0.622 0.138 0.121)
- CIE Lab
- lab(54.69 52.32 61.34)
- LCH
- lch(54.69 80.62 49.5)
- CMYK
- cmyk(0% 62% 92% 13%)
Tints · Shades · Tones
Tints
- E36937
- E87B50
- ED8C67
- F19D7E
- F5AE93
- F8BEA9
- FBCEBE
- FDDFD4
- FEEFE9
Shades
- C0490D
- A43D09
- 883106
- 6E2604
- 551C02
- 3D1101
- 260800
- 110200
- 020000
Tones
- D55C28
- CC6237
- C46743
- BB6C4E
- B27057
- A97460
- 9F7869
- 957B71
- 8B7D78
Farbharmonien
Komplementär +180°
- DD5511
Liselotte Syrup
- 0095B7
≈ Bondi Blue
Analog -30° +30°
- DD5511
Liselotte Syrup
- DE4A6A
≈ Rouge Red
- B87700
≈ Cassandra’s Curse
Triadisch +120° +240°
- DD5511
Liselotte Syrup
- 009F6B
≈ Surgeon
- 7773F1
≈ Hera Blue
Geteilt komplementär +150° +210°
- DD5511
Liselotte Syrup
- 009B97
≈ Regula Barbara Blue
- 0088EF
≈ Bleu de France
Tetradisch +90° +180° +270°
- DD5511
Liselotte Syrup
- 5F9A00
≈ Gecko’s Dream
- 0095B7
≈ Bondi Blue
- AA5FD6
≈ Teldrassil Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.90:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.38:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.38:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--liselotte-syrup: #dd5511;
--liselotte-syrup-rgb: 221 85 17;
--liselotte-syrup-oklch: oklch(0.622 0.184 41.4);
}
.element {
color: var(--liselotte-syrup);
background-color: hsl(20 86% 47%);
border-color: oklch(0.622 0.184 41.4);
}Tailwind CSS v4
@theme {
--color-liselotte-syrup: #dd5511;
--color-liselotte-syrup-50: #ffe5cb;
--color-liselotte-syrup-100: #ffd5b7;
--color-liselotte-syrup-200: #ffba94;
--color-liselotte-syrup-300: #ff9666;
--color-liselotte-syrup-400: #f5723d;
--color-liselotte-syrup-500: #e44c00;
--color-liselotte-syrup-600: #c04100;
--color-liselotte-syrup-700: #9b3400;
--color-liselotte-syrup-800: #742402;
--color-liselotte-syrup-900: #521802;
--color-liselotte-syrup-950: #360700;
}SCSS
$liselotte-syrup: #dd5511;
$liselotte-syrup-rgb: 221, 85, 17;
$liselotte-syrup-light: mix(#fff, $liselotte-syrup, 20%);
$liselotte-syrup-dark: mix(#000, $liselotte-syrup, 20%);
.element {
color: $liselotte-syrup;
box-shadow: 0 0 0 2px rgba($liselotte-syrup, 0.35);
}