最も近い色名 · #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);
}