이름 색상 · #D8948B
Powder Blush
Powder Blush은(는) #D8948B: rgb(216 148 139), hsl(7 50% 70%), oklch(0.731 0.084 27.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Powder Blush color name →
#D8948B
oklch(0.731 0.084 27.6)
색상 변환
- HEX
- #d8948b
- RGB
- rgb(216 148 139)
- HSL
- hsl(7 50% 70%)
- HWB
- hwb(7 55% 15%)
- OKLCH
- oklch(0.731 0.084 27.6)
- OKLab
- oklab(0.731 0.074 0.039)
- CIE Lab
- lab(68.07 25.56 15.71)
- LCH
- lch(68.07 30 31.6)
- CMYK
- cmyk(0% 31% 36% 15%)
틴트 · 셰이드 · 톤
틴트
- DD9F96
- E1A9A1
- E5B4AD
- E9BEB8
- EDC9C4
- F1D4CF
- F5DFDB
- F8E9E7
- FCF4F3
셰이드
- BC8078
- A06D66
- 855A54
- 6B4843
- 533632
- 3B2623
- 251614
- 110807
- 020101
톤
- CF928A
- C79089
- BE8F88
- B58D87
- AC8B86
- A48985
- 9B8784
- 928482
- 898281
색 조화
보색 +180°
- D8948B
Powder Blush
- 62B7C3
≈ Adonis
유사색 -30° +30°
- D8948B
Powder Blush
- D492A8
≈ Sugar Tooth
- D19B73
≈ Rustic Adobe
삼각 배색 +120° +240°
- D8948B
Powder Blush
- 84B78A
≈ Oilcloth Green
- 91A7DE
≈ Dalmatian Sage
분열 보색 +150° +210°
- D8948B
Powder Blush
- 69BAA8
≈ Bath Turquoise
- 74B0D7
≈ Skyscape
사각 배색 +90° +180° +270°
- D8948B
Powder Blush
- A3B072
≈ Umbrella Green
- 62B7C3
≈ Adonis
- AE9DD7
≈ Violet Velvet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--powder-blush: #d8948b;
--powder-blush-rgb: 216 148 139;
--powder-blush-oklch: oklch(0.731 0.084 27.6);
}
.element {
color: var(--powder-blush);
background-color: hsl(7 50% 70%);
border-color: oklch(0.731 0.084 27.6);
}Tailwind CSS v4
@theme {
--color-powder-blush: #d8948b;
--color-powder-blush-50: #ffede7;
--color-powder-blush-100: #ffded8;
--color-powder-blush-200: #f6c8bf;
--color-powder-blush-300: #dfa89e;
--color-powder-blush-400: #cb8c83;
--color-powder-blush-500: #b77067;
--color-powder-blush-600: #9b5f58;
--color-powder-blush-700: #7c4c46;
--color-powder-blush-800: #5c3733;
--color-powder-blush-900: #412523;
--color-powder-blush-950: #291412;
}SCSS
$powder-blush: #d8948b;
$powder-blush-rgb: 216, 148, 139;
$powder-blush-light: mix(#fff, $powder-blush, 20%);
$powder-blush-dark: mix(#000, $powder-blush, 20%);
.element {
color: $powder-blush;
box-shadow: 0 0 0 2px rgba($powder-blush, 0.35);
}