# カラーコード #856497：くすんだ パープル

#856497 はRGBで rgb(133, 100, 151)、OKLCHで oklch(55.583% 0.08575 313.22) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #856497 |
| RGB | rgb(133, 100, 151) |
| HSL | hsl(278.82, 20.32%, 49.22%) |
| HSB / HSV | hsv(278.82 33.77% 59.22%) |
| HWB | hwb(278.82 39.22% 40.78%) |
| CMYK | cmyk(12% 34% 0% 41%) |
| Lab | lab(47.28 21.06 -22.8) |
| LCH | lch(47.28 31.04 312.74) |
| OKLab | oklab(55.583% 0.05872 -0.06249) |
| OKLCH | oklch(55.583% 0.08575 313.22) |
| Display P3 | color(display-p3 0.50161 0.39731 0.57938) |
| Rec. 2020 | color(rec2020 0.43654 0.34997 0.53266) |
| Adobe RGB | color(a98-rgb 0.48542 0.3919 0.58015) |
| ProPhoto RGB | color(prophoto-rgb 0.41989 0.33956 0.49962) |
| 線形sRGB | color(srgb-linear 0.23455 0.12744 0.30947) |
| XYZ D65 | color(xyz-d65 0.19815 0.16336 0.31388) |
| XYZ D50 | color(xyz-d50 0.19564 0.1623 0.23663) |
| SwiftUI | Color(red: 0.522, green: 0.392, blue: 0.592) |
| UIKit | UIColor(red: 0.522, green: 0.392, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF856497) |
| Android XML | #856497 |

## 基本情報

- 最も近い色名: くすんだ パープル
- 色相の系統: パープル, くすんだ パープル
- 最も近いTailwindクラス: mauve-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 4.92:1
- 黒とのコントラスト: 4.27:1

## ティント

#856497, #9173a1, #9c82ac, #a891b6, #b4a0c0, #c1afcb, #cdbfd5, #d9cfdf, #e6dfea, #f2eff4

## シェード

#856497, #735683, #61486f, #503b5c, #402e49, #302237, #211626, #130b17, #060308, #010001

## トーン

#856497, #836694, #826790, #80698d, #7e6b89, #7c6c85, #7a6e82, #796f7e, #77707b, #757277

## カラーハーモニー

- 補色: #856497, #5f7e49
- 分裂補色: #856497, #7c7535, #3d8365
- 類似色: #856497, #6c6ca4, #965e80
- トライアド: #856497, #926b36, #228381
- テトラード: #856497, #9f5e65, #5f7e49, #228381
- スクエア: #856497, #9d6249, #5f7e49, #2e7e98
- モノクロマティック: #856497, #412250, #624273, #aa87bd, #d0ade4

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

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

#856497 はくすんだ パープルです。最も近い名前のある色はくすんだ パープルです。RGBでは rgb(133, 100, 151)、HSLでは hsl(278.82, 20.32%, 49.22%)、OKLCHでは oklch(55.583% 0.08575 313.22) です。

### #856497 に合う色は？

#856497 の補色は #5f7e49 です。落ち着いた組み合わせにするなら、類似色の #6c6ca4 と #965e80 を使いましょう。トライアドの組み合わせは #926b36 と #228381 です。

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

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

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

#856497 はニュートラルの色です。OKLCHでは色相 313度、明度 55.6%、クロマ 0.086 です。