# カラーコード #ba93cc：やわらかな 明るいパープル

#ba93cc はRGBで rgb(186, 147, 204)、OKLCHで oklch(71.897% 0.09146 314.917) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/ba93cc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ba93cc |
| RGB | rgb(186, 147, 204) |
| HSL | hsl(281.05, 35.85%, 68.82%) |
| HSB / HSV | hsv(281.05 27.94% 80%) |
| HWB | hwb(281.05 57.65% 20%) |
| CMYK | cmyk(9% 28% 0% 20%) |
| Lab | lab(66.14 22.82 -23.74) |
| LCH | lch(66.14 32.93 313.86) |
| OKLab | oklab(71.897% 0.06458 -0.06477) |
| OKLCH | oklch(71.897% 0.09146 314.917) |
| Display P3 | color(display-p3 0.70535 0.5824 0.78536) |
| Rec. 2020 | color(rec2020 0.65286 0.54881 0.75735) |
| Adobe RGB | color(a98-rgb 0.68436 0.57115 0.78729) |
| ProPhoto RGB | color(prophoto-rgb 0.63463 0.53113 0.72835) |
| 線形sRGB | color(srgb-linear 0.49102 0.29177 0.60383) |
| XYZ D65 | color(xyz-d65 0.4158 0.35667 0.61823) |
| XYZ D50 | color(xyz-d50 0.41289 0.35502 0.46636) |
| SwiftUI | Color(red: 0.729, green: 0.576, blue: 0.8) |
| UIKit | UIColor(red: 0.729, green: 0.576, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFFBA93CC) |
| Android XML | #BA93CC |

## 基本情報

- 最も近い色名: やわらかな 明るいパープル
- 色相の系統: パープル, やわらかな 明るいパープル
- 最も近いTailwindクラス: mauve-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.58:1
- 黒とのコントラスト: 8.13:1

## ティント

#ba93cc, #c19ed1, #c8a8d7, #cfb3dc, #d5bee1, #dcc8e6, #e3d3eb, #eadef0, #f1e9f5, #f8f4fa

## シェード

#ba93cc, #a17fb1, #896c97, #72597e, #5c4765, #46364e, #322537, #1e1622, #0d080f, #020102

## トーン

#ba93cc, #b895c8, #b697c4, #b499c0, #b19abc, #af9cb8, #ad9eb4, #ab9fb0, #a9a1ac, #a6a3a8

## カラーハーモニー

- 補色: #ba93cc, #8cb177
- 分裂補色: #ba93cc, #ada862, #69b796
- 類似色: #ba93cc, #9e9cdc, #ce8db1
- トライアド: #ba93cc, #c69c61, #55b6b6
- テトラード: #ba93cc, #d78d92, #8cb177, #55b6b6
- スクエア: #ba93cc, #d59274, #8cb177, #5fb1cf
- モノクロマティック: #ba93cc, #714d81, #956fa6, #e1b9f4, #ffe6ff

## #ba93cc についてのよくある質問

### #ba93cc は何色ですか？

#ba93cc はやわらかな 明るいパープルです。最も近い名前のある色はやわらかな 明るいパープルです。RGBでは rgb(186, 147, 204)、HSLでは hsl(281.05, 35.85%, 68.82%)、OKLCHでは oklch(71.897% 0.09146 314.917) です。

### #ba93cc に合う色は？

#ba93cc の補色は #8cb177 です。落ち着いた組み合わせにするなら、類似色の #9e9cdc と #ce8db1 を使いましょう。トライアドの組み合わせは #c69c61 と #55b6b6 です。

### #ba93cc の上では白と黒のどちらの文字が読みやすいですか？

#ba93cc の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.58:1、黒は 8.13:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #ba93cc は暖色と寒色のどちらですか？

#ba93cc はニュートラルの色です。OKLCHでは色相 315度、明度 71.9%、クロマ 0.091 です。