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

#896fa5 はRGBで rgb(137, 111, 165)、OKLCHで oklch(58.727% 0.08569 305.968) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/896fa5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #896fa5 |
| RGB | rgb(137, 111, 165) |
| HSL | hsl(268.89, 23.08%, 54.12%) |
| HSB / HSV | hsv(268.89 32.73% 64.71%) |
| HWB | hwb(268.89 43.53% 35.29%) |
| CMYK | cmyk(17% 33% 0% 35%) |
| Lab | lab(50.97 18.77 -25.29) |
| LCH | lch(50.97 31.49 306.58) |
| OKLab | oklab(58.727% 0.05033 -0.06935) |
| OKLCH | oklch(58.727% 0.08569 305.968) |
| Display P3 | color(display-p3 0.52097 0.43916 0.63296) |
| Rec. 2020 | color(rec2020 0.46319 0.39296 0.59056) |
| Adobe RGB | color(a98-rgb 0.50665 0.43333 0.63419) |
| ProPhoto RGB | color(prophoto-rgb 0.45022 0.37858 0.55682) |
| 線形sRGB | color(srgb-linear 0.25016 0.15896 0.37626) |
| XYZ D65 | color(xyz-d65 0.22791 0.19404 0.38143) |
| XYZ D50 | color(xyz-d50 0.22414 0.19242 0.2876) |
| SwiftUI | Color(red: 0.537, green: 0.435, blue: 0.647) |
| UIKit | UIColor(red: 0.537, green: 0.435, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF896FA5) |
| Android XML | #896FA5 |

## 基本情報

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

## ティント

#896fa5, #947dae, #9f8bb7, #ab99c0, #b7a7c9, #c2b5d2, #cec4db, #dad2e4, #e6e1ed, #f3f0f6

## シェード

#896fa5, #76608f, #645179, #534265, #423451, #31273d, #221a2b, #140e1a, #07040a, #010101

## トーン

#896fa5, #8871a1, #86729d, #857399, #847595, #837691, #81788d, #807989, #7f7a85, #7e7b81

## カラーハーモニー

- 補色: #896fa5, #70864c
- 分裂補色: #896fa5, #8c7c3d, #4f8c67
- 類似色: #896fa5, #6e78af, #9d6990
- トライアド: #896fa5, #9f7242, #328d84
- テトラード: #896fa5, #a86675, #70864c, #328d84
- スクエア: #896fa5, #a96a58, #70864c, #33899d
- モノクロマティック: #896fa5, #452c5d, #664d80, #ae93cb, #d4b9f3

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

### #896fa5 は何色ですか？

#896fa5 はくすんだ パープルです。最も近い名前のある色はくすんだ パープルです。RGBでは rgb(137, 111, 165)、HSLでは hsl(268.89, 23.08%, 54.12%)、OKLCHでは oklch(58.727% 0.08569 305.968) です。

### #896fa5 に合う色は？

#896fa5 の補色は #70864c です。落ち着いた組み合わせにするなら、類似色の #6e78af と #9d6990 を使いましょう。トライアドの組み合わせは #9f7242 と #328d84 です。

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

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

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

#896fa5 はニュートラルの色です。OKLCHでは色相 306度、明度 58.7%、クロマ 0.086 です。