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

#a67abb はRGBで rgb(166, 122, 187)、OKLCHで oklch(64.665% 0.106 314.434) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a67abb |
| RGB | rgb(166, 122, 187) |
| HSL | hsl(280.62, 32.34%, 60.59%) |
| HSB / HSV | hsv(280.62 34.76% 73.33%) |
| HWB | hwb(280.62 47.84% 26.67%) |
| CMYK | cmyk(11% 35% 0% 27%) |
| Lab | lab(57.51 26.53 -27.58) |
| LCH | lch(57.51 38.27 313.88) |
| OKLab | oklab(64.665% 0.07421 -0.07569) |
| OKLCH | oklch(64.665% 0.106 314.434) |
| Display P3 | color(display-p3 0.62473 0.48544 0.71733) |
| Rec. 2020 | color(rec2020 0.56349 0.44646 0.68216) |
| Adobe RGB | color(a98-rgb 0.60249 0.4751 0.71928) |
| ProPhoto RGB | color(prophoto-rgb 0.54552 0.43283 0.64913) |
| 線形sRGB | color(srgb-linear 0.38133 0.19462 0.49693) |
| XYZ D65 | color(xyz-d65 0.31653 0.25614 0.50292) |
| XYZ D50 | color(xyz-d50 0.31234 0.25449 0.37906) |
| SwiftUI | Color(red: 0.651, green: 0.478, blue: 0.733) |
| UIKit | UIColor(red: 0.651, green: 0.478, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFFA67ABB) |
| Android XML | #A67ABB |

## 基本情報

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

## ティント

#a67abb, #af87c2, #b894c9, #c0a1d0, #c9aed7, #d2bbde, #dbc9e4, #e4d6eb, #ede4f2, #f6f1f8

## シェード

#a67abb, #9069a2, #7a598a, #654973, #513a5c, #3e2b46, #2b1d32, #1a101f, #0a050d, #010102

## トーン

#a67abb, #a47cb7, #a17fb2, #9f81ae, #9d83a9, #9a85a5, #9887a1, #95899c, #938b97, #918c93

## カラーハーモニー

- 補色: #a67abb, #729c59
- 分裂補色: #a67abb, #98913d, #44a27d
- 類似色: #a67abb, #8785cc, #bc739e
- トライアド: #a67abb, #b4843d, #1aa2a1
- テトラード: #a67abb, #c6727a, #729c59, #1aa2a1
- スクエア: #a67abb, #c47857, #729c59, #329bbe
- モノクロマティック: #a67abb, #5e3571, #815795, #cc9fe2, #f4c5ff

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

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

#a67abb はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(166, 122, 187)、HSLでは hsl(280.62, 32.34%, 60.59%)、OKLCHでは oklch(64.665% 0.106 314.434) です。

### #a67abb に合う色は？

#a67abb の補色は #729c59 です。落ち着いた組み合わせにするなら、類似色の #8785cc と #bc739e を使いましょう。トライアドの組み合わせは #b4843d と #1aa2a1 です。

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

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

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

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