가장 가까운 이름 색상 · #82587C
#82587C
가장 가까운 이름 색상: Plum Highness
#82587C(rgb(130 88 124), hsl(309 19% 43%), oklch(0.518 0.076 331.7))와 가장 가까운 이름 색상은 Plum Highness입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#82587C
oklch(0.518 0.076 331.7)
색상 변환
- HEX
- #82587c
- RGB
- rgb(130 88 124)
- HSL
- hsl(309 19% 43%)
- HWB
- hwb(309 35% 49%)
- OKLCH
- oklch(0.518 0.076 331.7)
- OKLab
- oklab(0.518 0.067 -0.036)
- CIE Lab
- lab(43.04 22.41 -13.12)
- LCH
- lch(43.04 25.97 329.6)
- CMYK
- cmyk(0% 32% 5% 49%)
틴트 · 셰이드 · 톤
틴트
- 8E6888
- 9B7795
- A788A2
- B398AF
- C0A8BC
- CCB9C9
- D9CAD6
- E6DCE4
- F2EDF1
셰이드
- 704B6B
- 5F3F5A
- 4E334A
- 3E283B
- 2F1D2C
- 20121E
- 120911
- 060305
- 010001
톤
- 825C7C
- 82607D
- 82647D
- 82687E
- 826C7E
- 82707F
- 81747F
- 81787F
- 817C80
색 조화
보색 +180°
- 82587C
Plum Highness
- 467552
≈ Killarney
유사색 -30° +30°
- 82587C
Plum Highness
- 705E8D
≈ Emperor Jewel
- 8D5665
≈ Pink Peppercorn
삼각 배색 +120° +240°
- 82587C
Plum Highness
- 786732
≈ Racoon Eyes
- 287481
≈ Oceanic Metropolis
분열 보색 +150° +210°
- 82587C
Plum Highness
- 616F3C
≈ Venom Wyrm
- 2C776B
≈ Iguaçuense Waterfall
사각 배색 +90° +180° +270°
- 82587C
Plum Highness
- 885E39
≈ Quiver
- 467552
≈ Killarney
- 3E6E90
≈ Big Sur Blue Jade
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--plum-highness: #82587c;
--plum-highness-rgb: 130 88 124;
--plum-highness-oklch: oklch(0.518 0.076 331.7);
}
.element {
color: var(--plum-highness);
background-color: hsl(309 19% 43%);
border-color: oklch(0.518 0.076 331.7);
}Tailwind CSS v4
@theme {
--color-plum-highness: #82587c;
--color-plum-highness-50: #ffeefe;
--color-plum-highness-100: #f8dff3;
--color-plum-highness-200: #e9c9e2;
--color-plum-highness-300: #d0a9c8;
--color-plum-highness-400: #b98eb3;
--color-plum-highness-500: #a4749d;
--color-plum-highness-600: #8a6285;
--color-plum-highness-700: #6f4e6a;
--color-plum-highness-800: #51394f;
--color-plum-highness-900: #392737;
--color-plum-highness-950: #231522;
}SCSS
$plum-highness: #82587c;
$plum-highness-rgb: 130, 88, 124;
$plum-highness-light: mix(#fff, $plum-highness, 20%);
$plum-highness-dark: mix(#000, $plum-highness, 20%);
.element {
color: $plum-highness;
box-shadow: 0 0 0 2px rgba($plum-highness, 0.35);
}