이름 색상 · #DD99BB
Soft Matte
Soft Matte은(는) #DD99BB: rgb(221 153 187), hsl(330 50% 73%), oklch(0.759 0.092 348.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Soft Matte color name →
#DD99BB
oklch(0.759 0.092 348.1)
색상 변환
- HEX
- #dd99bb
- RGB
- rgb(221 153 187)
- HSL
- hsl(330 50% 73%)
- HWB
- hwb(330 60% 13%)
- OKLCH
- oklch(0.759 0.092 348.1)
- OKLab
- oklab(0.759 0.09 -0.019)
- CIE Lab
- lab(70.83 29.85 -6.87)
- LCH
- lch(70.83 30.63 347)
- CMYK
- cmyk(0% 31% 15% 13%)
틴트 · 셰이드 · 톤
틴트
- E1A3C2
- E5ADC8
- E9B7CF
- ECC2D6
- F0CCDD
- F3D6E3
- F6E0EA
- F9EAF1
- FCF5F8
셰이드
- C084A2
- A4708A
- 885D73
- 6E4A5C
- 553846
- 3D2732
- 26171F
- 11080D
- 020102
톤
- D497B5
- CA94AF
- C192A9
- B890A3
- AF8D9D
- A58B97
- 9C8891
- 93858C
- 898386
색 조화
보색 +180°
- DD99BB
Soft Matte
- 73C4A6
≈ Gem Silica
유사색 -30° +30°
- DD99BB
Soft Matte
- CA9ED7
≈ Autumn Wisteria
- E5999B
≈ Franken Berry
삼각 배색 +120° +240°
- DD99BB
Soft Matte
- B6B66F
≈ Olive Oil
- 6EBDDF
≈ Bluebrite
분열 보색 +150° +210°
- DD99BB
Soft Matte
- 94BF86
≈ Hearty Hosta
- 61C3C6
≈ Gem Turquoise
사각 배색 +90° +180° +270°
- DD99BB
Soft Matte
- D1AA6C
≈ Artemis
- 73C4A6
≈ Gem Silica
- 8DB3EB
≈ Fly Away
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.34:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--soft-matte: #dd99bb;
--soft-matte-rgb: 221 153 187;
--soft-matte-oklch: oklch(0.759 0.092 348.1);
}
.element {
color: var(--soft-matte);
background-color: hsl(330 50% 73%);
border-color: oklch(0.759 0.092 348.1);
}Tailwind CSS v4
@theme {
--color-soft-matte: #dd99bb;
--color-soft-matte-50: #ffebf9;
--color-soft-matte-100: #ffdcec;
--color-soft-matte-200: #f4c5da;
--color-soft-matte-300: #dda5be;
--color-soft-matte-400: #c788a8;
--color-soft-matte-500: #b36c91;
--color-soft-matte-600: #975c7a;
--color-soft-matte-700: #794962;
--color-soft-matte-800: #593549;
--color-soft-matte-900: #3e2433;
--color-soft-matte-950: #27131e;
}SCSS
$soft-matte: #dd99bb;
$soft-matte-rgb: 221, 153, 187;
$soft-matte-light: mix(#fff, $soft-matte, 20%);
$soft-matte-dark: mix(#000, $soft-matte, 20%);
.element {
color: $soft-matte;
box-shadow: 0 0 0 2px rgba($soft-matte, 0.35);
}