# カラーコード #b57eaa：くすんだ マゼンタ

#b57eaa はRGBで rgb(181, 126, 170)、OKLCHで oklch(66.264% 0.09015 333.898) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b57eaa |
| RGB | rgb(181, 126, 170) |
| HSL | hsl(312, 27.09%, 60.2%) |
| HSB / HSV | hsv(312 30.39% 70.98%) |
| HWB | hwb(312 49.41% 29.02%) |
| CMYK | cmyk(0% 30% 6% 29%) |
| Lab | lab(59.59 27.18 -14.56) |
| LCH | lch(59.59 30.83 331.82) |
| OKLab | oklab(66.264% 0.08095 -0.03966) |
| OKLCH | oklch(66.264% 0.09015 333.898) |
| Display P3 | color(display-p3 0.67784 0.50324 0.65687) |
| Rec. 2020 | color(rec2020 0.60858 0.46627 0.61693) |
| Adobe RGB | color(a98-rgb 0.65162 0.49037 0.65476) |
| ProPhoto RGB | color(prophoto-rgb 0.57555 0.45152 0.58439) |
| 線形sRGB | color(srgb-linear 0.46208 0.20864 0.40198) |
| XYZ D65 | color(xyz-d65 0.33771 0.27649 0.41589) |
| XYZ D50 | color(xyz-d50 0.33937 0.27675 0.31374) |
| SwiftUI | Color(red: 0.71, green: 0.494, blue: 0.667) |
| UIKit | UIColor(red: 0.71, green: 0.494, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFFB57EAA) |
| Android XML | #B57EAA |

## 基本情報

- 最も近い色名: くすんだ マゼンタ
- 色相の系統: マゼンタ, くすんだ マゼンタ
- 最も近いTailwindクラス: mauve-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.22:1
- 黒とのコントラスト: 6.53:1

## ティント

#b57eaa, #bd8bb2, #c497bb, #cca4c3, #d3b1cc, #dbbdd4, #e2cadd, #e9d7e5, #f1e4ee, #f8f2f6

## シェード

#b57eaa, #9d6d93, #865c7d, #6f4c68, #593c53, #442d3f, #301f2d, #1d111b, #0c050b, #020101

## トーン

#b57eaa, #b280a8, #af83a5, #ab85a3, #a887a1, #a5899f, #a18b9c, #9e8d9a, #9a8f98, #979195

## カラーハーモニー

- 補色: #b57eaa, #65a37a
- 分裂補色: #b57eaa, #879d5e, #48a599
- 類似色: #b57eaa, #9f85c0, #c27b8d
- トライアド: #b57eaa, #a5924f, #46a1b5
- テトラード: #b57eaa, #c47e6e, #65a37a, #46a1b5
- スクエア: #b57eaa, #ba8756, #65a37a, #6199c6
- モノクロマティック: #b57eaa, #6b3962, #8f5b85, #dca3d0, #ffc9f8

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

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

#b57eaa はくすんだ マゼンタです。最も近い名前のある色はくすんだ マゼンタです。RGBでは rgb(181, 126, 170)、HSLでは hsl(312, 27.09%, 60.2%)、OKLCHでは oklch(66.264% 0.09015 333.898) です。

### #b57eaa に合う色は？

#b57eaa の補色は #65a37a です。落ち着いた組み合わせにするなら、類似色の #9f85c0 と #c27b8d を使いましょう。トライアドの組み合わせは #a5924f と #46a1b5 です。

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

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

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

#b57eaa はニュートラルの色です。OKLCHでは色相 334度、明度 66.3%、クロマ 0.09 です。