이름 색상 · #B96482
Raspberry Parfait
Raspberry Parfait은(는) #B96482: rgb(185 100 130), hsl(339 38% 56%), oklch(0.61 0.114 358.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Raspberry Parfait color name →
#B96482
oklch(0.61 0.114 358.5)
색상 변환
- HEX
- #b96482
- RGB
- rgb(185 100 130)
- HSL
- hsl(339 38% 56%)
- HWB
- hwb(339 39% 27%)
- OKLCH
- oklch(0.61 0.114 358.5)
- OKLab
- oklab(0.61 0.114 -0.003)
- CIE Lab
- lab(53.26 37.45 -0.66)
- LCH
- lch(53.26 37.46 359)
- CMYK
- cmyk(0% 46% 30% 27%)
틴트 · 셰이드 · 톤
틴트
- C1738E
- C9839A
- D192A6
- D8A1B2
- DFB1BF
- E6C0CB
- EDD0D8
- F3DFE5
- F9EFF2
셰이드
- A05670
- 89485F
- 713B4E
- 5B2E3E
- 46222F
- 311620
- 1E0B12
- 0D0306
- 020001
톤
- B46782
- AF6B82
- AA6E81
- A47181
- 9F7481
- 997681
- 937981
- 8D7B80
- 877E80
색 조화
보색 +180°
- B96482
Raspberry Parfait
- 009884
≈ Plumage
유사색 -30° +30°
- B96482
Raspberry Parfait
- A869A5
≈ Iris Orchid
- BE665B
≈ Tapestry Red
삼각 배색 +120° +240°
- B96482
Raspberry Parfait
- 7C8C35
≈ Sassy Grass
- 338CBF
≈ Christmas Blue
분열 보색 +150° +210°
- B96482
Raspberry Parfait
- 4D965B
≈ Ineffable Forest
- 0094A4
≈ Tile Blue
사각 배색 +90° +180° +270°
- B96482
Raspberry Parfait
- 9F7E1F
≈ Hacienda
- 009884
≈ Plumage
- 667FC8
≈ Bodega Bay
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.03:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.20:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--raspberry-parfait: #b96482;
--raspberry-parfait-rgb: 185 100 130;
--raspberry-parfait-oklch: oklch(0.61 0.114 358.5);
}
.element {
color: var(--raspberry-parfait);
background-color: hsl(339 38% 56%);
border-color: oklch(0.61 0.114 358.5);
}Tailwind CSS v4
@theme {
--color-raspberry-parfait: #b96482;
--color-raspberry-parfait-50: #ffe8f3;
--color-raspberry-parfait-100: #ffd9e6;
--color-raspberry-parfait-200: #ffc0d2;
--color-raspberry-parfait-300: #e99fb4;
--color-raspberry-parfait-400: #d5819d;
--color-raspberry-parfait-500: #c16385;
--color-raspberry-parfait-600: #a35471;
--color-raspberry-parfait-700: #83435a;
--color-raspberry-parfait-800: #613043;
--color-raspberry-parfait-900: #44212e;
--color-raspberry-parfait-950: #2c101b;
}SCSS
$raspberry-parfait: #b96482;
$raspberry-parfait-rgb: 185, 100, 130;
$raspberry-parfait-light: mix(#fff, $raspberry-parfait, 20%);
$raspberry-parfait-dark: mix(#000, $raspberry-parfait, 20%);
.element {
color: $raspberry-parfait;
box-shadow: 0 0 0 2px rgba($raspberry-parfait, 0.35);
}