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

#8564ab はRGBで rgb(133, 100, 171)、OKLCHで oklch(56.561% 0.11191 304.479) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8564ab

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #8564ab |
| RGB | rgb(133, 100, 171) |
| HSL | hsl(267.89, 29.71%, 53.14%) |
| HSB / HSV | hsv(267.89 41.52% 67.06%) |
| HWB | hwb(267.89 39.22% 32.94%) |
| CMYK | cmyk(22% 42% 0% 33%) |
| Lab | lab(48.04 24.62 -33.35) |
| LCH | lch(48.04 41.46 306.44) |
| OKLab | oklab(56.561% 0.06335 -0.09225) |
| OKLCH | oklch(56.561% 0.11191 304.479) |
| Display P3 | color(display-p3 0.50161 0.39731 0.65306) |
| Rec. 2020 | color(rec2020 0.44155 0.35161 0.61176) |
| Adobe RGB | color(a98-rgb 0.48542 0.3919 0.65604) |
| ProPhoto RGB | color(prophoto-rgb 0.43496 0.34317 0.5768) |
| 線形sRGB | color(srgb-linear 0.23455 0.12744 0.40724) |
| XYZ D65 | color(xyz-d65 0.2158 0.17041 0.40682) |
| XYZ D50 | color(xyz-d50 0.20963 0.16823 0.30645) |
| SwiftUI | Color(red: 0.522, green: 0.392, blue: 0.671) |
| UIKit | UIColor(red: 0.522, green: 0.392, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFF8564AB) |
| Android XML | #8564AB |

## 基本情報

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

## ティント

#8564ab, #9073b4, #9c82bc, #a891c5, #b4a0cd, #c0b0d6, #ccbfde, #d9cfe7, #e5dfef, #f2eff7

## シェード

#8564ab, #735694, #61487e, #503b68, #402e54, #302240, #21162d, #130b1b, #06030b, #010001

## トーン

#8564ab, #8366a6, #8268a1, #806a9c, #7f6c96, #7d6e91, #7c708c, #7a7186, #797381, #77757c

## 配色

- 補色: #8564ab, #688130
- 分裂補色: #8564ab, #8b740f, #358958
- 類似色: #8564ab, #6370b7, #9e5b91
- トライアド: #8564ab, #a36622, #008b7e
- テトラード: #8564ab, #ac586e, #688130, #008b7e
- スクエア: #8564ab, #ae5b48, #688130, #00869e
- モノクロマティック: #8564ab, #422061, #624285, #aa88d2, #d0adfa

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

### #8564ab は何色ですか？

#8564ab はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(133, 100, 171)、HSLでは hsl(267.89, 29.71%, 53.14%)、OKLCHでは oklch(56.561% 0.11191 304.479) です。

### #8564ab に合う色は？

#8564ab の補色は #688130 です。落ち着いた組み合わせにするなら、類似色の #6370b7 と #9e5b91 を使いましょう。トライアドの組み合わせは #a36622 と #008b7e です。

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

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

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

#8564ab はニュートラルの色です。OKLCHでは色相 304度、明度 56.6%、クロマ 0.112 です。