最も近い色名 · #8F488B
#8F488B
最も近い色名: Prunella
#8F488B（rgb(143 72 139)、hsl(303 33% 42%)、oklch(0.514 0.13 329.4)）に最も近い色名はPrunellaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8F488B
oklch(0.514 0.13 329.4)
カラー変換
- HEX
- #8f488b
- RGB
- rgb(143 72 139)
- HSL
- hsl(303 33% 42%)
- HWB
- hwb(303 28% 44%)
- OKLCH
- oklch(0.514 0.13 329.4)
- OKLab
- oklab(0.514 0.112 -0.066)
- CIE Lab
- lab(41.72 37.83 -24.02)
- LCH
- lch(41.72 44.81 327.6)
- CMYK
- cmyk(0% 50% 3% 44%)
ティント · シェード · トーン
ティント
- 9B5A96
- A66CA2
- B27EAD
- BD90B9
- C8A2C4
- D3B4D0
- DEC6DC
- E9D9E7
- F4ECF3
シェード
- 7C3D78
- 693366
- 572954
- 451F43
- 341632
- 240D23
- 150614
- 070207
- 010001
トーン
- 8E4F8A
- 8D5589
- 8C5B88
- 8B6087
- 896686
- 886B85
- 867184
- 847683
- 827B81
カラーハーモニー
補色 +180°
- 8F488B
Prunella
- 1D7B3B
≈ Gorgeous Green
類似色 -30° +30°
- 8F488B
Prunella
- 7353A6
≈ Royal Lavender
- A04265
≈ Gooseberry
トライアド +120° +240°
- 8F488B
Prunella
- 7F6300
≈ Ground Earth
- 007583
≈ Deep Current
スプリットコンプリメンタリー +150° +210°
- 8F488B
Prunella
- 607000
≈ Brownish Green
- 007869
≈ Teal Waters
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.05:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.46:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--prunella: #8f488b;
--prunella-rgb: 143 72 139;
--prunella-oklch: oklch(0.514 0.13 329.4);
}
.element {
color: var(--prunella);
background-color: hsl(303 33% 42%);
border-color: oklch(0.514 0.13 329.4);
}Tailwind CSS v4
@theme {
--color-prunella: #8f488b;
--color-prunella-50: #ffe8ff;
--color-prunella-100: #ffd9fc;
--color-prunella-200: #f6c0ee;
--color-prunella-300: #df9fd6;
--color-prunella-400: #c981c4;
--color-prunella-500: #b463b0;
--color-prunella-600: #985494;
--color-prunella-700: #7a4377;
--color-prunella-800: #5a3159;
--color-prunella-900: #3f213e;
--color-prunella-950: #281028;
}SCSS
$prunella: #8f488b;
$prunella-rgb: 143, 72, 139;
$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);
}