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

#a17fb2 はRGBで rgb(161, 127, 178)、OKLCHで oklch(64.689% 0.08351 314.189) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a17fb2 |
| RGB | rgb(161, 127, 178) |
| HSL | hsl(280, 24.88%, 59.8%) |
| HSB / HSV | hsv(280 28.65% 69.8%) |
| HWB | hwb(280 49.8% 30.2%) |
| CMYK | cmyk(10% 29% 0% 30%) |
| Lab | lab(57.89 20.64 -21.94) |
| LCH | lch(57.89 30.12 313.24) |
| OKLab | oklab(64.689% 0.05821 -0.05988) |
| OKLCH | oklch(64.689% 0.08351 314.189) |
| Display P3 | color(display-p3 0.61039 0.5032 0.68492) |
| Rec. 2020 | color(rec2020 0.55228 0.46234 0.64729) |
| Adobe RGB | color(a98-rgb 0.59168 0.49419 0.68532) |
| ProPhoto RGB | color(prophoto-rgb 0.53217 0.44515 0.61455) |
| 線形sRGB | color(srgb-linear 0.3564 0.21223 0.4452) |
| XYZ D65 | color(xyz-d65 0.30322 0.25971 0.45536) |
| XYZ D50 | color(xyz-d50 0.30085 0.25843 0.34348) |
| SwiftUI | Color(red: 0.631, green: 0.498, blue: 0.698) |
| UIKit | UIColor(red: 0.631, green: 0.498, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFFA17FB2) |
| Android XML | #A17FB2 |

## 基本情報

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

## ティント

#a17fb2, #aa8bba, #b398c1, #bda4c9, #c6b1d1, #cfbed9, #d9cbe0, #e2d7e8, #ece5f0, #f5f2f7

## シェード

#a17fb2, #8b6e9a, #765d83, #624c6d, #4e3c57, #3c2d43, #2a1f2f, #19111d, #09060c, #010101

## トーン

#a17fb2, #9f81af, #9d82ab, #9b84a8, #9a86a4, #9887a0, #96899d, #948a99, #928b95, #908d92

## カラーハーモニー

- 補色: #a17fb2, #799a65
- 分裂補色: #a17fb2, #969153, #5a9f81
- 類似色: #a17fb2, #8887c0, #b37a9b
- トライアド: #a17fb2, #ad8752, #479e9d
- テトラード: #a17fb2, #bb797f, #799a65, #479e9d
- スクエア: #a17fb2, #b97e64, #799a65, #5099b4
- モノクロマティック: #a17fb2, #5a3b69, #7d5c8d, #c7a4d9, #eecaff

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

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

#a17fb2 はくすんだ パープルです。最も近い名前のある色はくすんだ パープルです。RGBでは rgb(161, 127, 178)、HSLでは hsl(280, 24.88%, 59.8%)、OKLCHでは oklch(64.689% 0.08351 314.189) です。

### #a17fb2 に合う色は？

#a17fb2 の補色は #799a65 です。落ち着いた組み合わせにするなら、類似色の #8887c0 と #b37a9b を使いましょう。トライアドの組み合わせは #ad8752 と #479e9d です。

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

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

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

#a17fb2 はニュートラルの色です。OKLCHでは色相 314度、明度 64.7%、クロマ 0.084 です。