#B64DDF
#b64ddf ≈ Medium Orchid
#b64ddfはマゼンタ系の色です（明度：中程度、彩度：高め）。 RGBでは赤71.37%、緑30.2%、青87.45%で構成され、CMYK印刷ではシアン18.39%、マゼンタ65.47%、イエロー0%、ブラック12.55%を使います。 HSLでは色相角283.15°、彩度69.52%、明度58.82%です。 寒色で、創造性、大胆さ、個性を連想させることが多い色です。 デザインでは主に美容・コスメ、クリエイティブスタジオ、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は5.12:1（WCAG AA）です。 最も近い色名はMedium Orchid（#ba55d3）で、ΔEは2.85です。
この色の測定値から自動生成した説明です。
| HEX | |
|---|---|
| RGB | |
| RGB（%） | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Webセーフ | #cc66cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2進数 | |
| 10進数 | |
| 相対輝度 | 0.2058 |
シェード
#b64ddfに黒を段階的に混ぜた色です。
ティント
#b64ddfに白を段階的に混ぜた色です。
トーン
#b64ddfにグレーを段階的に混ぜた色です。
読みやすい文字
4.1:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
読みやすい文字
5.12:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
この色の文字
この色の背景
この色の枠線
文字色
.text-b64ddf {
color: #b64ddf;
}背景色
.bg-b64ddf {
background-color: #b64ddf;
color: #000000;
}枠線
.border-b64ddf {
border: 2px solid #b64ddf;
}CSS変数
:root {
--color-primary: #b64ddf;
--color-primary-rgb: 182 77 223;
--color-primary-hsl: 283 70% 59%;
}グラデーション
.gradient-b64ddf {
background: linear-gradient(135deg, #b64ddf, #df4dbf);
}色付きの影
.shadow-b64ddf {
box-shadow: 0 8px 24px rgb(182 77 223 / 0.35);
}Medium Orchid
#b64ddf rgb(182, 77, 223) hsl(283, 70%, 59%) Medium Orchid
#76df4d rgb(118, 223, 77) hsl(103, 70%, 59%) Pastel Green
#dfb64d rgb(223, 182, 77) hsl(43, 70%, 59%) Meat Brown
#4ddfb6 rgb(77, 223, 182) hsl(163, 70%, 59%) Medium Aquamarine