# カラーコード #8a7fa0：スモーキーな パープル

#8a7fa0 はRGBで rgb(138, 127, 160)、OKLCHで oklch(61.793% 0.05061 300.163) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8a7fa0

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8a7fa0 |
| RGB | rgb(138, 127, 160) |
| HSL | hsl(260, 14.8%, 56.27%) |
| HSB / HSV | hsv(260 20.63% 62.75%) |
| HWB | hwb(260 49.8% 37.25%) |
| CMYK | cmyk(14% 21% 0% 37%) |
| Lab | lab(55.07 9.41 -16.16) |
| LCH | lch(55.07 18.7 300.22) |
| OKLab | oklab(61.793% 0.02543 -0.04376) |
| OKLCH | oklch(61.793% 0.05061 300.163) |
| Display P3 | color(display-p3 0.53384 0.49955 0.61785) |
| Rec. 2020 | color(rec2020 0.484 0.45311 0.57514) |
| Adobe RGB | color(a98-rgb 0.52479 0.49419 0.61702) |
| ProPhoto RGB | color(prophoto-rgb 0.46704 0.4315 0.54332) |
| 線形sRGB | color(srgb-linear 0.25415 0.21223 0.35153) |
| XYZ D65 | color(xyz-d65 0.24415 0.2312 0.36435) |
| XYZ D50 | color(xyz-d50 0.24286 0.23 0.27517) |
| SwiftUI | Color(red: 0.541, green: 0.498, blue: 0.627) |
| UIKit | UIColor(red: 0.541, green: 0.498, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF8A7FA0) |
| Android XML | #8A7FA0 |

## 基本情報

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

## ティント

#8a7fa0, #958ba9, #a097b3, #aca4bc, #b7b0c5, #c3bdcf, #cfcad8, #dad7e2, #e7e4ec, #f3f2f5

## シェード

#8a7fa0, #776e8b, #655d76, #534c61, #423c4e, #322d3b, #221f29, #141119, #070609, #010101

## トーン

#8a7fa0, #8a809d, #89809b, #898198, #888296, #888293, #878390, #87848e, #86848b, #868588

## カラーハーモニー

- 補色: #8a7fa0, #818a68
- 分裂補色: #8a7fa0, #918563, #708f76
- 類似色: #8a7fa0, #7a85a5, #987b94
- トライアド: #8a7fa0, #9d7f67, #639087
- テトラード: #8a7fa0, #a07984, #818a68, #639087
- スクエア: #8a7fa0, #a27b74, #818a68, #618e97
- モノクロマティック: #8a7fa0, #463c59, #675c7c, #afa3c6, #d5c9ed

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

### #8a7fa0 は何色ですか？

#8a7fa0 はスモーキーな パープルです。最も近い名前のある色はスモーキーな パープルです。RGBでは rgb(138, 127, 160)、HSLでは hsl(260, 14.8%, 56.27%)、OKLCHでは oklch(61.793% 0.05061 300.163) です。

### #8a7fa0 に合う色は？

#8a7fa0 の補色は #818a68 です。落ち着いた組み合わせにするなら、類似色の #7a85a5 と #987b94 を使いましょう。トライアドの組み合わせは #9d7f67 と #639087 です。

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

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

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

#8a7fa0 はニュートラルの色です。OKLCHでは色相 300度、明度 61.8%、クロマ 0.051 です。