이름 색상 · #915D88
Plum Savour
Plum Savour은(는) #915D88: rgb(145 93 136), hsl(310 22% 47%), oklch(0.55 0.09 333.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Plum Savour color name →
#915D88
oklch(0.55 0.09 333.1)
색상 변환
- HEX
- #915d88
- RGB
- rgb(145 93 136)
- HSL
- hsl(310 22% 47%)
- HWB
- hwb(310 36% 43%)
- OKLCH
- oklch(0.55 0.09 333.1)
- OKLab
- oklab(0.55 0.08 -0.041)
- CIE Lab
- lab(46.5 27 -14.91)
- LCH
- lch(46.5 30.85 331.1)
- CMYK
- cmyk(0% 36% 6% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C6C93
- A77C9F
- B28CAB
- BD9CB6
- C8ACC2
- D3BCCE
- DECCDA
- E9DDE6
- F4EEF3
셰이드
- 7D5075
- 6A4363
- 583752
- 462A41
- 351F31
- 251422
- 150A13
- 070306
- 010001
톤
- 906187
- 8E6587
- 8D6886
- 8B6C85
- 8A6F84
- 887384
- 867683
- 847982
- 827D81
색 조화
보색 +180°
- 915D88
Plum Savour
- 448158
≈ Adamite Green
유사색 -30° +30°
- 915D88
Plum Savour
- 7C649D
≈ Purple Paradise
- 9D5A6C
≈ Beef Jerky
삼각 배색 +120° +240°
- 915D88
Plum Savour
- 84702C
≈ Mustard Magic
- 197F91
≈ Pagoda
분열 보색 +150° +210°
- 915D88
Plum Savour
- 677A3C
≈ Military Green
- 1D8277
≈ Autumn Pine Green
사각 배색 +90° +180° +270°
- 915D88
Plum Savour
- 976535
≈ Buddy Buddy
- 448158
≈ Adamite Green
- 3E77A2
≈ Taiwan Blue Magpie
대비 및 접근성
Ag
AA흰색 위
WCAG 5.09:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.12:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--plum-savour: #915d88;
--plum-savour-rgb: 145 93 136;
--plum-savour-oklch: oklch(0.55 0.09 333.1);
}
.element {
color: var(--plum-savour);
background-color: hsl(310 22% 47%);
border-color: oklch(0.55 0.09 333.1);
}Tailwind CSS v4
@theme {
--color-plum-savour: #915d88;
--color-plum-savour-50: #ffecff;
--color-plum-savour-100: #fcddf4;
--color-plum-savour-200: #eec6e4;
--color-plum-savour-300: #d5a6ca;
--color-plum-savour-400: #bf8bb5;
--color-plum-savour-500: #aa6fa0;
--color-plum-savour-600: #905e87;
--color-plum-savour-700: #734b6c;
--color-plum-savour-800: #543751;
--color-plum-savour-900: #3b2538;
--color-plum-savour-950: #251423;
}SCSS
$plum-savour: #915d88;
$plum-savour-rgb: 145, 93, 136;
$plum-savour-light: mix(#fff, $plum-savour, 20%);
$plum-savour-dark: mix(#000, $plum-savour, 20%);
.element {
color: $plum-savour;
box-shadow: 0 0 0 2px rgba($plum-savour, 0.35);
}