# カラーコード #b57cc8：やわらかな パープル

#b57cc8 はRGBで rgb(181, 124, 200)、OKLCHで oklch(67.162% 0.12513 317.403) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b57cc8 |
| RGB | rgb(181, 124, 200) |
| HSL | hsl(285, 40.86%, 63.53%) |
| HSB / HSV | hsv(285 38% 78.43%) |
| HWB | hwb(285 48.63% 21.57%) |
| CMYK | cmyk(9% 38% 0% 22%) |
| Lab | lab(60.1 32.61 -30.79) |
| LCH | lch(60.1 44.85 316.64) |
| OKLab | oklab(67.162% 0.09211 -0.08469) |
| OKLCH | oklch(67.162% 0.12513 317.403) |
| Display P3 | color(display-p3 0.67692 0.49583 0.76637) |
| Rec. 2020 | color(rec2020 0.61303 0.46121 0.73559) |
| Adobe RGB | color(a98-rgb 0.65008 0.48273 0.76955) |
| ProPhoto RGB | color(prophoto-rgb 0.59461 0.45022 0.7038) |
| 線形sRGB | color(srgb-linear 0.46208 0.20156 0.57758) |
| XYZ D65 | color(xyz-d65 0.36687 0.2841 0.58197) |
| XYZ D50 | color(xyz-d50 0.36176 0.28231 0.43845) |
| SwiftUI | Color(red: 0.71, green: 0.486, blue: 0.784) |
| UIKit | UIColor(red: 0.71, green: 0.486, blue: 0.784, alpha: 1) |
| Flutter / Compose | Color(0xFFB57CC8) |
| Android XML | #B57CC8 |

## 基本情報

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

## ティント

#b57cc8, #bd89ce, #c496d4, #cba3d9, #d3b0df, #dabde4, #e2caea, #e9d7ef, #f0e4f5, #f8f2fa

## シェード

#b57cc8, #9d6bae, #865a94, #6f4a7b, #593b63, #442c4c, #301e36, #1d1121, #0c050f, #020102

## トーン

#b57cc8, #b27fc3, #af82be, #ac85b9, #a987b4, #a68aaf, #a38daa, #9f8fa5, #9c91a0, #99939b

## カラーハーモニー

- 補色: #b57cc8, #6fa758
- 分裂補色: #b57cc8, #9e9b31, #2cae86
- 類似色: #b57cc8, #9288de, #cd74a4
- トライアド: #b57cc8, #c08b2b, #00acb1
- テトラード: #b57cc8, #d87379, #6fa758, #00acb1
- スクエア: #b57cc8, #d37c4e, #6fa758, #1aa4d1
- モノクロマティック: #b57cc8, #6b367c, #8f58a1, #dca1f0, #fdceff

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

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

#b57cc8 はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(181, 124, 200)、HSLでは hsl(285, 40.86%, 63.53%)、OKLCHでは oklch(67.162% 0.12513 317.403) です。

### #b57cc8 に合う色は？

#b57cc8 の補色は #6fa758 です。落ち着いた組み合わせにするなら、類似色の #9288de と #cd74a4 を使いましょう。トライアドの組み合わせは #c08b2b と #00acb1 です。

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

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

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

#b57cc8 はニュートラルの色です。OKLCHでは色相 317度、明度 67.2%、クロマ 0.125 です。