# カラーコード #a67abe：やわらかな パープル

#a67abe はRGBで rgb(166, 122, 190)、OKLCHで oklch(64.8% 0.10963 313.124) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a67abe |
| RGB | rgb(166, 122, 190) |
| HSL | hsl(278.82, 34.34%, 61.18%) |
| HSB / HSV | hsv(278.82 35.79% 74.51%) |
| HWB | hwb(278.82 47.84% 25.49%) |
| CMYK | cmyk(13% 36% 0% 25%) |
| Lab | lab(57.61 27.02 -29.12) |
| LCH | lch(57.61 39.73 312.85) |
| OKLab | oklab(64.8% 0.07494 -0.08002) |
| OKLCH | oklch(64.8% 0.10963 313.124) |
| Display P3 | color(display-p3 0.62473 0.48544 0.72836) |
| Rec. 2020 | color(rec2020 0.56421 0.4467 0.69414) |
| Adobe RGB | color(a98-rgb 0.60249 0.4751 0.73081) |
| ProPhoto RGB | color(prophoto-rgb 0.54779 0.43338 0.66126) |
| 線形sRGB | color(srgb-linear 0.38133 0.19462 0.51492) |
| XYZ D65 | color(xyz-d65 0.31978 0.25744 0.52001) |
| XYZ D50 | color(xyz-d50 0.31491 0.25558 0.39191) |
| SwiftUI | Color(red: 0.651, green: 0.478, blue: 0.745) |
| UIKit | UIColor(red: 0.651, green: 0.478, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFFA67ABE) |
| Android XML | #A67ABE |

## 基本情報

- 最も近い色名: やわらかな パープル
- 色相の系統: パープル, やわらかな パープル
- 最も近いTailwindクラス: violet-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.42:1
- 黒とのコントラスト: 6.15:1

## ティント

#a67abe, #af87c5, #b894cb, #c0a1d2, #c9aed9, #d2bcdf, #dbc9e6, #e4d6ec, #ede4f2, #f6f1f9

## シェード

#a67abe, #9069a5, #7a598c, #654975, #513a5e, #3e2b48, #2b1d33, #1a101f, #0a050d, #010102

## トーン

#a67abe, #a47cb9, #a17fb5, #9f81b0, #9d83ab, #9a85a7, #9887a2, #96899d, #938b98, #918d93

## カラーハーモニー

- 補色: #a67abe, #749d55
- 分裂補色: #a67abe, #9b9139, #43a37b
- 類似色: #a67abe, #8685cf, #bd73a0
- トライアド: #a67abe, #b7833a, #0aa3a1
- テトラード: #a67abe, #c8717b, #749d55, #0aa3a1
- スクエア: #a67abe, #c67756, #749d55, #2a9dbf
- モノクロマティック: #a67abe, #5e3573, #815798, #cc9fe5, #f3c5ff

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

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

#a67abe はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(166, 122, 190)、HSLでは hsl(278.82, 34.34%, 61.18%)、OKLCHでは oklch(64.8% 0.10963 313.124) です。

### #a67abe に合う色は？

#a67abe の補色は #749d55 です。落ち着いた組み合わせにするなら、類似色の #8685cf と #bd73a0 を使いましょう。トライアドの組み合わせは #b7833a と #0aa3a1 です。

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

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

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

#a67abe はニュートラルの色です。OKLCHでは色相 313度、明度 64.8%、クロマ 0.11 です。