이름 색상 · #DD1166
Purple Yearning
Purple Yearning은(는) #DD1166: rgb(221 17 102), hsl(335 86% 47%), oklch(0.581 0.227 5.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Purple Yearning color name →
#DD1166
oklch(0.581 0.227 5.9)
색상 변환
- HEX
- #dd1166
- RGB
- rgb(221 17 102)
- HSL
- hsl(335 86% 47%)
- HWB
- hwb(335 7% 13%)
- OKLCH
- oklch(0.581 0.227 5.9)
- OKLab
- oklab(0.581 0.226 0.023)
- CIE Lab
- lab(48.63 73.43 10.67)
- LCH
- lch(48.63 74.2 8.3)
- CMYK
- cmyk(0% 92% 54% 13%)
틴트 · 셰이드 · 톤
틴트
- E43E74
- EA5983
- F07191
- F586A0
- F99BB0
- FCB0BF
- FEC4CF
- FFD7DF
- FFEBEF
셰이드
- C00D58
- A4094A
- 88063C
- 6E042F
- 550223
- 3D0117
- 26000C
- 110004
- 020000
톤
- D62E69
- CE3E6B
- C64B6E
- BD5570
- B55E73
- AC6676
- A26D78
- 98747B
- 8C7A7D
색 조화
보색 +180°
- DD1166
Purple Yearning
- 008E83
≈ Aqua Experience
유사색 -30° +30°
- DD1166
Purple Yearning
- C52CAC
≈ Pink Perennial
- D63B00
≈ Flame of Prometheus
삼각 배색 +120° +240°
- DD1166
Purple Yearning
- 658900
≈ Sap Green
- 0080CC
≈ Lvivian Rain
분열 보색 +150° +210°
- DD1166
Purple Yearning
- 009255
≈ Emerald Isle
- 0089A1
≈ Teal Blue
사각 배색 +90° +180° +270°
- DD1166
Purple Yearning
- 907900
≈ Bhūrā Brown
- 008E83
≈ Aqua Experience
- 5D60FD
≈ Blue Heath Butterfly
대비 및 접근성
Ag
AA흰색 위
WCAG 4.83:1 · APCA Lc 71
Ag
Fail검은색 위
WCAG 4.34:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--purple-yearning: #dd1166;
--purple-yearning-rgb: 221 17 102;
--purple-yearning-oklch: oklch(0.581 0.227 5.9);
}
.element {
color: var(--purple-yearning);
background-color: hsl(335 86% 47%);
border-color: oklch(0.581 0.227 5.9);
}Tailwind CSS v4
@theme {
--color-purple-yearning: #dd1166;
--color-purple-yearning-50: #ffdbe9;
--color-purple-yearning-100: #ffc8d9;
--color-purple-yearning-200: #ffa9c2;
--color-purple-yearning-300: #ff7fa1;
--color-purple-yearning-400: #ff538a;
--color-purple-yearning-500: #f4006f;
--color-purple-yearning-600: #ce0e5e;
--color-purple-yearning-700: #a60e4b;
--color-purple-yearning-800: #7b0739;
--color-purple-yearning-900: #570627;
--color-purple-yearning-950: #3a0015;
}SCSS
$purple-yearning: #dd1166;
$purple-yearning-rgb: 221, 17, 102;
$purple-yearning-light: mix(#fff, $purple-yearning, 20%);
$purple-yearning-dark: mix(#000, $purple-yearning, 20%);
.element {
color: $purple-yearning;
box-shadow: 0 0 0 2px rgba($purple-yearning, 0.35);
}