Benannte Farbe · #DD5577
Fever Dream
Fever Dream ist #DD5577: rgb(221 85 119), hsl(345 67% 60%), oklch(0.636 0.171 8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fever Dream color name →
#DD5577
oklch(0.636 0.171 8)
Farbumrechnungen
- HEX
- #dd5577
- RGB
- rgb(221 85 119)
- HSL
- hsl(345 67% 60%)
- HWB
- hwb(345 33% 13%)
- OKLCH
- oklch(0.636 0.171 8)
- OKLab
- oklab(0.636 0.17 0.024)
- CIE Lab
- lab(55.8 56 10.35)
- LCH
- lch(55.8 56.95 10.5)
- CMYK
- cmyk(0% 62% 46% 13%)
Tints · Shades · Tones
Tints
- E36884
- E87A91
- ED8B9E
- F19CAB
- F5ADB9
- F8BDC7
- FBCED4
- FDDEE2
- FEEFF1
Shades
- C04967
- A43D57
- 883147
- 6E2638
- 551C2A
- 3D111C
- 260810
- 110205
- 020001
Tones
- D55C78
- CC6179
- C4677A
- BB6B7B
- B26F7C
- A9737D
- 9F777D
- 957A7E
- 8B7D7F
Farbharmonien
Komplementär +180°
- DD5577
Fever Dream
- 00A098
≈ Spectra Green
Analog -30° +30°
- DD5577
Fever Dream
- CA5BAF
≈ Pú Táo Zǐ Purple
- DE5D33
≈ Full of Life
Triadisch +120° +240°
- DD5577
Fever Dream
- 6D9D00
≈ Elven Olympics
- 008FEC
≈ Bleu de France
Geteilt komplementär +150° +210°
- DD5577
Fever Dream
- 00A567
≈ Jungle
- 009BB9
≈ Brilliant Sea
Tetradisch +90° +180° +270°
- DD5577
Fever Dream
- A18B00
≈ Guava Green
- 00A098
≈ Spectra Green
- 757CF0
≈ Hera Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.72:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.64:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.64:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--fever-dream: #dd5577;
--fever-dream-rgb: 221 85 119;
--fever-dream-oklch: oklch(0.636 0.171 8);
}
.element {
color: var(--fever-dream);
background-color: hsl(345 67% 60%);
border-color: oklch(0.636 0.171 8);
}Tailwind CSS v4
@theme {
--color-fever-dream: #dd5577;
--color-fever-dream-50: #ffe2ea;
--color-fever-dream-100: #ffd1db;
--color-fever-dream-200: #ffb5c3;
--color-fever-dream-300: #ff90a3;
--color-fever-dream-400: #f06d8b;
--color-fever-dream-500: #de4770;
--color-fever-dream-600: #bb3d5f;
--color-fever-dream-700: #97314c;
--color-fever-dream-800: #702239;
--color-fever-dream-900: #4f1727;
--color-fever-dream-950: #340715;
}SCSS
$fever-dream: #dd5577;
$fever-dream-rgb: 221, 85, 119;
$fever-dream-light: mix(#fff, $fever-dream, 20%);
$fever-dream-dark: mix(#000, $fever-dream, 20%);
.element {
color: $fever-dream;
box-shadow: 0 0 0 2px rgba($fever-dream, 0.35);
}