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

#ac84bb はRGBで rgb(172, 132, 187)、OKLCHで oklch(67.082% 0.09097 316.623) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ac84bb |
| RGB | rgb(172, 132, 187) |
| HSL | hsl(283.64, 28.8%, 62.55%) |
| HSB / HSV | hsv(283.64 29.41% 73.33%) |
| HWB | hwb(283.64 51.76% 26.67%) |
| CMYK | cmyk(8% 29% 0% 27%) |
| Lab | lab(60.54 23.25 -22.88) |
| LCH | lch(60.54 32.62 315.46) |
| OKLab | oklab(67.082% 0.06612 -0.06248) |
| OKLCH | oklch(67.082% 0.09097 316.623) |
| Display P3 | color(display-p3 0.65016 0.52384 0.71947) |
| Rec. 2020 | color(rec2020 0.59166 0.48589 0.68493) |
| Adobe RGB | color(a98-rgb 0.62901 0.51334 0.72028) |
| ProPhoto RGB | color(prophoto-rgb 0.57072 0.4692 0.65288) |
| 線形sRGB | color(srgb-linear 0.41254 0.23074 0.49693) |
| XYZ D65 | color(xyz-d65 0.34232 0.28862 0.50783) |
| XYZ D50 | color(xyz-d50 0.33987 0.28733 0.383) |
| SwiftUI | Color(red: 0.675, green: 0.518, blue: 0.733) |
| UIKit | UIColor(red: 0.675, green: 0.518, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFFAC84BB) |
| Android XML | #AC84BB |

## 基本情報

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

## ティント

#ac84bb, #b490c2, #bc9cc9, #c5a8d0, #cdb4d6, #d5c0dd, #decde4, #e6d9eb, #eee6f2, #f7f2f8

## シェード

#ac84bb, #9572a2, #7f608a, #694f73, #543f5c, #402f46, #2d2032, #1b121f, #0b060d, #010102

## トーン

#ac84bb, #aa86b7, #a888b4, #a58ab0, #a38cac, #a18da9, #9f8fa5, #9c91a1, #9a929d, #989499

## カラーハーモニー

- 補色: #ac84bb, #7ba36a
- 分裂補色: #ac84bb, #9c9955, #59a789
- 類似色: #ac84bb, #918dcb, #bf7ea1
- トライアド: #ac84bb, #b58e52, #44a7a8
- テトラード: #ac84bb, #c77e82, #7ba36a, #44a7a8
- スクエア: #ac84bb, #c48465, #7ba36a, #51a1c1
- モノクロマティック: #ac84bb, #643f71, #876195, #d2a9e2, #facfff

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

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

#ac84bb はくすんだ パープルです。最も近い名前のある色はくすんだ パープルです。RGBでは rgb(172, 132, 187)、HSLでは hsl(283.64, 28.8%, 62.55%)、OKLCHでは oklch(67.082% 0.09097 316.623) です。

### #ac84bb に合う色は？

#ac84bb の補色は #7ba36a です。落ち着いた組み合わせにするなら、類似色の #918dcb と #bf7ea1 を使いましょう。トライアドの組み合わせは #b58e52 と #44a7a8 です。

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

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

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

#ac84bb はニュートラルの色です。OKLCHでは色相 317度、明度 67.1%、クロマ 0.091 です。