이름 색상 · #64475E
Plum Rich
Plum Rich은(는) #64475E: rgb(100 71 94), hsl(312 17% 34%), oklch(0.438 0.053 334). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Plum Rich color name →
#64475E
oklch(0.438 0.053 334)
색상 변환
- HEX
- #64475e
- RGB
- rgb(100 71 94)
- HSL
- hsl(312 17% 34%)
- HWB
- hwb(312 28% 61%)
- OKLCH
- oklch(0.438 0.053 334)
- OKLab
- oklab(0.438 0.047 -0.023)
- CIE Lab
- lab(34.05 15.9 -8.49)
- LCH
- lch(34.05 18.02 331.9)
- CMYK
- cmyk(0% 29% 6% 61%)
틴트 · 셰이드 · 톤
틴트
- 73586D
- 81697C
- 907A8B
- A08C9B
- AF9EAB
- BFB1BB
- CEC4CC
- DED7DD
- EFEBEE
셰이드
- 563D51
- 483244
- 3B2837
- 2E1F2B
- 22161F
- 160D14
- 0B060A
- 030203
- 000000
톤
- 674D61
- 6A5265
- 6D5868
- 705D6C
- 72636F
- 756972
- 786F76
- 7B7479
- 7D7A7D
색 조화
보색 +180°
- 64475E
Plum Rich
- 3A5B45
≈ Horsetail
유사색 -30° +30°
- 64475E
Plum Rich
- 584B6A
≈ Paparazzi
- 6B464E
≈ Mixed Berry Jam
삼각 배색 +120° +240°
- 64475E
Plum Rich
- 5B522F
≈ West Coast
- 2C5A64
≈ Petro Blue
분열 보색 +150° +210°
- 64475E
Plum Rich
- 4C5736
≈ Chive
- 2D5B55
≈ Lacrosse
사각 배색 +90° +180° +270°
- 64475E
Plum Rich
- 674C33
≈ Black Power
- 3A5B45
≈ Horsetail
- 38556D
≈ Albeit
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.06:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--plum-rich: #64475e;
--plum-rich-rgb: 100 71 94;
--plum-rich-oklch: oklch(0.438 0.053 334);
}
.element {
color: var(--plum-rich);
background-color: hsl(312 17% 34%);
border-color: oklch(0.438 0.053 334);
}Tailwind CSS v4
@theme {
--color-plum-rich: #64475e;
--color-plum-rich-50: #fff0fb;
--color-plum-rich-100: #f4e2ef;
--color-plum-rich-200: #e4ccdd;
--color-plum-rich-300: #caaec2;
--color-plum-rich-400: #b293ab;
--color-plum-rich-500: #9c7995;
--color-plum-rich-600: #84677e;
--color-plum-rich-700: #6a5265;
--color-plum-rich-800: #4d3c4b;
--color-plum-rich-900: #362934;
--color-plum-rich-950: #21171f;
}SCSS
$plum-rich: #64475e;
$plum-rich-rgb: 100, 71, 94;
$plum-rich-light: mix(#fff, $plum-rich, 20%);
$plum-rich-dark: mix(#000, $plum-rich, 20%);
.element {
color: $plum-rich;
box-shadow: 0 0 0 2px rgba($plum-rich, 0.35);
}