Nazwany kolor · #DD8899
Melancholy
Melancholy to #DD8899: rgb(221 136 153), hsl(348 56% 70%), oklch(0.72 0.106 7.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Melancholy color name →
#DD8899
oklch(0.72 0.106 7.1)
Konwersje koloru
- HEX
- #dd8899
- RGB
- rgb(221 136 153)
- HSL
- hsl(348 56% 70%)
- HWB
- hwb(348 53% 13%)
- OKLCH
- oklch(0.72 0.106 7.1)
- OKLab
- oklab(0.72 0.105 0.013)
- CIE Lab
- lab(66.27 34.86 5.49)
- LCH
- lch(66.27 35.29 8.9)
- CMYK
- cmyk(0% 38% 31% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E194A3
- E6A0AD
- EAACB7
- EDB7C1
- F1C3CB
- F4CFD5
- F7DBDF
- FAE7EA
- FDF3F4
Odcienie ciemniejsze
- C07584
- A46370
- 88525D
- 6E414A
- 553138
- 3D2227
- 261317
- 110608
- 020101
Tony
- D48896
- CB8794
- C28791
- B9868F
- AF858C
- A6848A
- 9D8387
- 938285
- 8A8182
Harmonie kolorów
Komplementarna +180°
- DD8899
Melancholy
- 43BAB0
≈ Magnetic Magic
Analogowa -30° +30°
- DD8899
Melancholy
- CF8BBD
≈ Cyclamen
- DE8D75
≈ Middle Red
Triada +120° +240°
- DD8899
Melancholy
- 93B167
≈ Herbal Garden
- 6CABE3
≈ Greek Sea
Komplementarna rozszczepiona +150° +210°
- DD8899
Melancholy
- 68B98A
≈ Garden Variety
- 47B5D0
≈ Teal Moiré
Tetrada +90° +180° +270°
- DD8899
Melancholy
- B7A552
≈ Moss Stone
- 43BAB0
≈ Magnetic Magic
- 949EE6
≈ Cold Lips
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.05:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--melancholy: #dd8899;
--melancholy-rgb: 221 136 153;
--melancholy-oklch: oklch(0.72 0.106 7.1);
}
.element {
color: var(--melancholy);
background-color: hsl(348 56% 70%);
border-color: oklch(0.72 0.106 7.1);
}Tailwind CSS v4
@theme {
--color-melancholy: #dd8899;
--color-melancholy-50: #ffe9ef;
--color-melancholy-100: #ffdae0;
--color-melancholy-200: #fdc2cb;
--color-melancholy-300: #e7a1ac;
--color-melancholy-400: #d48493;
--color-melancholy-500: #c0667a;
--color-melancholy-600: #a25767;
--color-melancholy-700: #824552;
--color-melancholy-800: #60323d;
--color-melancholy-900: #44222a;
--color-melancholy-950: #2b1118;
}SCSS
$melancholy: #dd8899;
$melancholy-rgb: 221, 136, 153;
$melancholy-light: mix(#fff, $melancholy, 20%);
$melancholy-dark: mix(#000, $melancholy, 20%);
.element {
color: $melancholy;
box-shadow: 0 0 0 2px rgba($melancholy, 0.35);
}