이름 색상 · #9D8292
Garden Plum
Garden Plum은(는) #9D8292: rgb(157 130 146), hsl(324 12% 56%), oklch(0.637 0.04 342). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Garden Plum color name →
#9D8292
oklch(0.637 0.04 342)
색상 변환
- HEX
- #9d8292
- RGB
- rgb(157 130 146)
- HSL
- hsl(324 12% 56%)
- HWB
- hwb(324 51% 38%)
- OKLCH
- oklch(0.637 0.04 342)
- OKLab
- oklab(0.637 0.038 -0.012)
- CIE Lab
- lab(57.32 12.75 -4.55)
- LCH
- lch(57.32 13.54 340.4)
- CMYK
- cmyk(0% 17% 7% 38%)
틴트 · 셰이드 · 톤
틴트
- A78E9C
- B09AA7
- BAA6B2
- C4B2BC
- CDBFC7
- D7CBD2
- E1D8DD
- EBE5E8
- F5F2F4
셰이드
- 88707E
- 735F6B
- 5F4E58
- 4C3E46
- 3A2F35
- 282025
- 181216
- 090608
- 010101
톤
- 9A8290
- 97828E
- 94828D
- 92818B
- 8F8189
- 8C8187
- 898185
- 868084
- 838082
색 조화
보색 +180°
- 9D8292
Garden Plum
- 769384
≈ Rainford
유사색 -30° +30°
- 9D8292
Garden Plum
- 93859D
≈ Hatoba Pigeon
- A28285
≈ Plumville
삼각 배색 +120° +240°
- 9D8292
Garden Plum
- 908C71
≈ Burning Idea
- 71919D
≈ Silk Khimar
분열 보색 +150° +210°
- 9D8292
Garden Plum
- 829178
≈ Ginkgo Tree
- 6F9391
≈ Pool Tide
사각 배색 +90° +180° +270°
- 9D8292
Garden Plum
- 9B8871
≈ Roscoe Village
- 769384
≈ Rainford
- 7A8DA3
≈ Cabaret Charm
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.47:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.04:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.04:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--garden-plum: #9d8292;
--garden-plum-rgb: 157 130 146;
--garden-plum-oklch: oklch(0.637 0.04 342);
}
.element {
color: var(--garden-plum);
background-color: hsl(324 12% 56%);
border-color: oklch(0.637 0.04 342);
}Tailwind CSS v4
@theme {
--color-garden-plum: #9d8292;
--color-garden-plum-50: #fef1f8;
--color-garden-plum-100: #f2e3eb;
--color-garden-plum-200: #e1ced8;
--color-garden-plum-300: #c7b0bc;
--color-garden-plum-400: #b096a5;
--color-garden-plum-500: #9a7c8e;
--color-garden-plum-600: #826978;
--color-garden-plum-700: #685460;
--color-garden-plum-800: #4c3d47;
--color-garden-plum-900: #352a31;
--color-garden-plum-950: #20181d;
}SCSS
$garden-plum: #9d8292;
$garden-plum-rgb: 157, 130, 146;
$garden-plum-light: mix(#fff, $garden-plum, 20%);
$garden-plum-dark: mix(#000, $garden-plum, 20%);
.element {
color: $garden-plum;
box-shadow: 0 0 0 2px rgba($garden-plum, 0.35);
}