# カラーコード #baa4bc：スモーキーな 明るいマゼンタ

#baa4bc はRGBで rgb(186, 164, 188)、OKLCHで oklch(74.531% 0.04193 323.388) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #baa4bc |
| RGB | rgb(186, 164, 188) |
| HSL | hsl(295, 15.19%, 69.02%) |
| HSB / HSV | hsv(295 12.77% 73.73%) |
| HWB | hwb(295 64.31% 26.27%) |
| CMYK | cmyk(1% 13% 0% 26%) |
| Lab | lab(69.89 11.52 -9.29) |
| LCH | lch(69.89 14.8 321.09) |
| OKLab | oklab(74.531% 0.03366 -0.02501) |
| OKLCH | oklch(74.531% 0.04193 323.388) |
| Display P3 | color(display-p3 0.71507 0.64624 0.73083) |
| Rec. 2020 | color(rec2020 0.66978 0.6128 0.69896) |
| Adobe RGB | color(a98-rgb 0.70035 0.63726 0.72798) |
| ProPhoto RGB | color(prophoto-rgb 0.6442 0.5899 0.67066) |
| 線形sRGB | color(srgb-linear 0.49102 0.37124 0.50289) |
| XYZ D65 | color(xyz-d65 0.426 0.40621 0.53175) |
| XYZ D50 | color(xyz-d50 0.42905 0.40587 0.40199) |
| SwiftUI | Color(red: 0.729, green: 0.643, blue: 0.737) |
| UIKit | UIColor(red: 0.729, green: 0.643, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFBAA4BC) |
| Android XML | #BAA4BC |

## 基本情報

- 最も近い色名: スモーキーな 明るいマゼンタ
- 色相の系統: マゼンタ, スモーキーな 明るいマゼンタ
- 最も近いTailwindクラス: mauve-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.3:1
- 黒とのコントラスト: 9.12:1

## ティント

#baa4bc, #c1adc3, #c8b6c9, #cebfd0, #d5c8d6, #dcd1dd, #e3dae4, #eae3eb, #f1ecf1, #f8f6f8

## シェード

#baa4bc, #a18ea3, #89798b, #726473, #5c505d, #463d47, #322b32, #1e1a1f, #0d0a0d, #020102

## トーン

#baa4bc, #b9a5ba, #b7a6b9, #b6a7b7, #b5a7b6, #b3a8b4, #b2a9b3, #b1aab1, #afabaf, #aeabae

## カラーハーモニー

- 補色: #baa4bc, #9db49c
- 分裂補色: #baa4bc, #acb092, #92b6aa
- 類似色: #baa4bc, #ada8c5, #c3a2ae
- トライアド: #baa4bc, #b9ab8f, #8eb5b8
- テトラード: #baa4bc, #c6a3a0, #9db49c, #8eb5b8
- スクエア: #baa4bc, #c3a694, #9db49c, #93b2c3
- モノクロマティック: #baa4bc, #715d73, #958097, #e1cae3, #ffecff

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

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

#baa4bc はスモーキーな 明るいマゼンタです。最も近い名前のある色はスモーキーな 明るいマゼンタです。RGBでは rgb(186, 164, 188)、HSLでは hsl(295, 15.19%, 69.02%)、OKLCHでは oklch(74.531% 0.04193 323.388) です。

### #baa4bc に合う色は？

#baa4bc の補色は #9db49c です。落ち着いた組み合わせにするなら、類似色の #ada8c5 と #c3a2ae を使いましょう。トライアドの組み合わせは #b9ab8f と #8eb5b8 です。

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

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

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

#baa4bc はニュートラルの色です。OKLCHでは色相 323度、明度 74.5%、クロマ 0.042 です。