이름 색상 · #DD8899
Melancholy
Melancholy은(는) #DD8899: rgb(221 136 153), hsl(348 56% 70%), oklch(0.72 0.106 7.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Melancholy color name →
#DD8899
oklch(0.72 0.106 7.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E194A3
- E6A0AD
- EAACB7
- EDB7C1
- F1C3CB
- F4CFD5
- F7DBDF
- FAE7EA
- FDF3F4
셰이드
- C07584
- A46370
- 88525D
- 6E414A
- 553138
- 3D2227
- 261317
- 110608
- 020101
톤
- D48896
- CB8794
- C28791
- B9868F
- AF858C
- A6848A
- 9D8387
- 938285
- 8A8182
색 조화
보색 +180°
- DD8899
Melancholy
- 43BAB0
≈ Magnetic Magic
유사색 -30° +30°
- DD8899
Melancholy
- CF8BBD
≈ Cyclamen
- DE8D75
≈ Middle Red
삼각 배색 +120° +240°
- DD8899
Melancholy
- 93B167
≈ Herbal Garden
- 6CABE3
≈ Greek Sea
분열 보색 +150° +210°
- DD8899
Melancholy
- 68B98A
≈ Garden Variety
- 47B5D0
≈ Teal Moiré
사각 배색 +90° +180° +270°
- DD8899
Melancholy
- B7A552
≈ Moss Stone
- 43BAB0
≈ Magnetic Magic
- 949EE6
≈ Cold Lips
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.60:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.05:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
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);
}