이름 색상 · #D98580
Pink Damask
Pink Damask은(는) #D98580: rgb(217 133 128), hsl(3 54% 68%), oklch(0.704 0.104 23.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Pink Damask color name →
#D98580
oklch(0.704 0.104 23.7)
색상 변환
- HEX
- #d98580
- RGB
- rgb(217 133 128)
- HSL
- hsl(3 54% 68%)
- HWB
- hwb(3 50% 15%)
- OKLCH
- oklch(0.704 0.104 23.7)
- OKLab
- oklab(0.704 0.096 0.042)
- CIE Lab
- lab(64.61 32.68 17.14)
- LCH
- lch(64.61 36.9 27.7)
- CMYK
- cmyk(0% 39% 41% 15%)
틴트 · 셰이드 · 톤
틴트
- DE918C
- E29D98
- E7AAA5
- EBB6B1
- EFC2BE
- F3CECB
- F6DAD8
- F9E6E5
- FCF3F2
셰이드
- BC736E
- A1615D
- 86504D
- 6C403D
- 53302E
- 3B211F
- 251312
- 110606
- 020101
톤
- D08580
- C88580
- BF8580
- B68480
- AE8480
- A58380
- 9C8280
- 938280
- 898180
색 조화
보색 +180°
- D98580
Pink Damask
- 3AB2BD
≈ Lago Blue
유사색 -30° +30°
- D98580
Pink Damask
- D284A4
≈ Heirloom Rose
- D28D5F
≈ Grounded
삼각 배색 +120° +240°
- D98580
Pink Damask
- 77B175
≈ Faded Green
- 7E9FE1
≈ Blue Cue
분열 보색 +150° +210°
- D98580
Pink Damask
- 4DB59A
≈ Electra
- 56AAD6
≈ Cousteau
사각 배색 +90° +180° +270°
- D98580
Pink Damask
- 9FA757
≈ Springtide Melodies
- 3AB2BD
≈ Lago Blue
- A393DA
≈ Middy’s Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.75:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.61:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--pink-damask: #d98580;
--pink-damask-rgb: 217 133 128;
--pink-damask-oklch: oklch(0.704 0.104 23.7);
}
.element {
color: var(--pink-damask);
background-color: hsl(3 54% 68%);
border-color: oklch(0.704 0.104 23.7);
}Tailwind CSS v4
@theme {
--color-pink-damask: #d98580;
--color-pink-damask-50: #ffeae6;
--color-pink-damask-100: #ffdbd6;
--color-pink-damask-200: #fec4bd;
--color-pink-damask-300: #e8a39c;
--color-pink-damask-400: #d58581;
--color-pink-damask-500: #c26864;
--color-pink-damask-600: #a45955;
--color-pink-damask-700: #834744;
--color-pink-damask-800: #623332;
--color-pink-damask-900: #452322;
--color-pink-damask-950: #2c1111;
}SCSS
$pink-damask: #d98580;
$pink-damask-rgb: 217, 133, 128;
$pink-damask-light: mix(#fff, $pink-damask, 20%);
$pink-damask-dark: mix(#000, $pink-damask, 20%);
.element {
color: $pink-damask;
box-shadow: 0 0 0 2px rgba($pink-damask, 0.35);
}