最も近い色名 · #7B4880
#7B4880
最も近い色名: Prunella
#7B4880（rgb(123 72 128)、hsl(295 28% 39%)、oklch(0.483 0.105 323.8)）に最も近い色名はPrunellaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7B4880
oklch(0.483 0.105 323.8)
カラー変換
- HEX
- #7b4880
- RGB
- rgb(123 72 128)
- HSL
- hsl(295 28% 39%)
- HWB
- hwb(295 28% 50%)
- OKLCH
- oklch(0.483 0.105 323.8)
- OKLab
- oklab(0.483 0.085 -0.062)
- CIE Lab
- lab(38.48 29.33 -22.59)
- LCH
- lch(38.48 37.02 322.4)
- CMYK
- cmyk(4% 44% 0% 50%)
ティント · シェード · トーン
ティント
- 88598C
- 956B99
- A27DA5
- AF8EB2
- BCA1BF
- CAB3CB
- D7C6D8
- E4D8E5
- F2ECF2
シェード
- 6A3D6E
- 5A335D
- 4A294D
- 3A1F3D
- 2C162E
- 1E0D1F
- 100612
- 050206
- 010001
トーン
- 7C4E80
- 7D5480
- 7D5A81
- 7E5F81
- 7F6581
- 7F6A81
- 7F7081
- 807581
- 807B80
カラーハーモニー
補色 +180°
- 7B4880
Prunella
- 356D35
≈ San Felix
類似色 -30° +30°
- 7B4880
Prunella
- 625194
≈ Purple Opulence
- 8B4363
≈ Putnam Plum
トライアド +120° +240°
- 7B4880
Prunella
- 795800
≈ Blackfire Earth
- 006C74
≈ Toadstool Teal
スプリットコンプリメンタリー +150° +210°
- 7B4880
Prunella
- 5E6408
≈ Mud Green
- 006F5A
≈ Teal Dark Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.81:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.08:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--prunella: #7b4880;
--prunella-rgb: 123 72 128;
--prunella-oklch: oklch(0.483 0.105 323.8);
}
.element {
color: var(--prunella);
background-color: hsl(295 28% 39%);
border-color: oklch(0.483 0.105 323.8);
}Tailwind CSS v4
@theme {
--color-prunella: #7b4880;
--color-prunella-50: #ffebff;
--color-prunella-100: #fbdcfb;
--color-prunella-200: #ecc5ed;
--color-prunella-300: #d4a5d5;
--color-prunella-400: #bd89c2;
--color-prunella-500: #a86dae;
--color-prunella-600: #8e5c93;
--color-prunella-700: #724a76;
--color-prunella-800: #533558;
--color-prunella-900: #3a253e;
--color-prunella-950: #241327;
}SCSS
$prunella: #7b4880;
$prunella-rgb: 123, 72, 128;
$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);
}