最も近い色名 · #80508A
#80508A
最も近い色名: Prunella
#80508A（rgb(128 80 138)、hsl(290 27% 43%)、oklch(0.508 0.105 320.5)）に最も近い色名はPrunellaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#80508A
oklch(0.508 0.105 320.5)
カラー変換
- HEX
- #80508a
- RGB
- rgb(128 80 138)
- HSL
- hsl(290 27% 43%)
- HWB
- hwb(290 31% 46%)
- OKLCH
- oklch(0.508 0.105 320.5)
- OKLab
- oklab(0.508 0.081 -0.067)
- CIE Lab
- lab(41.37 28.28 -24.17)
- LCH
- lch(41.37 37.2 319.5)
- CMYK
- cmyk(7% 42% 0% 46%)
ティント · シェード · トーン
ティント
- 8C6196
- 9971A1
- A582AD
- B293B8
- BFA5C4
- CBB6D0
- D8C8DB
- E5DAE7
- F2EDF3
シェード
- 6E4477
- 5D3965
- 4D2E53
- 3D2442
- 2E1A32
- 1F1022
- 120714
- 060207
- 010001
トーン
- 805589
- 815A88
- 815F88
- 816487
- 816986
- 816E85
- 817284
- 817783
- 807B81
カラーハーモニー
補色 +180°
- 80508A
Prunella
- 427438
≈ Cucumber Queen
類似色 -30° +30°
- 80508A
Prunella
- 66599D
≈ Giant Onion
- 914A6D
≈ Goddess of Dawn
トライアド +120° +240°
- 80508A
Prunella
- 845E01
≈ Soil of Avagddu
- 007479
≈ Maxi Teal
スプリットコンプリメンタリー +150° +210°
- 80508A
Prunella
- 696A11
≈ Worn Olive
- 00775D
≈ Tropical Rainforest
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.11:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.43:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--prunella: #80508a;
--prunella-rgb: 128 80 138;
--prunella-oklch: oklch(0.508 0.105 320.5);
}
.element {
color: var(--prunella);
background-color: hsl(290 27% 43%);
border-color: oklch(0.508 0.105 320.5);
}Tailwind CSS v4
@theme {
--color-prunella: #80508a;
--color-prunella-50: #ffecff;
--color-prunella-100: #f9ddfd;
--color-prunella-200: #eac6ef;
--color-prunella-300: #d1a6d7;
--color-prunella-400: #ba8ac5;
--color-prunella-500: #a56eb1;
--color-prunella-600: #8c5d95;
--color-prunella-700: #704b78;
--color-prunella-800: #52365a;
--color-prunella-900: #39253f;
--color-prunella-950: #231328;
}SCSS
$prunella: #80508a;
$prunella-rgb: 128, 80, 138;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}