# カラーコード #aa97ae：スモーキーな 明るいマゼンタ

#aa97ae はRGBで rgb(170, 151, 174)、OKLCHで oklch(70.044% 0.03942 320.367) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aa97ae |
| RGB | rgb(170, 151, 174) |
| HSL | hsl(289.57, 12.43%, 63.73%) |
| HSB / HSV | hsv(289.57 13.22% 68.24%) |
| HWB | hwb(289.57 59.22% 31.76%) |
| CMYK | cmyk(2% 13% 0% 32%) |
| Lab | lab(64.72 10.44 -9.35) |
| LCH | lch(64.72 14.01 318.14) |
| OKLab | oklab(70.044% 0.03036 -0.02515) |
| OKLCH | oklch(70.044% 0.03942 320.367) |
| Display P3 | color(display-p3 0.65423 0.59482 0.67607) |
| Rec. 2020 | color(rec2020 0.60554 0.55638 0.63903) |
| Adobe RGB | color(a98-rgb 0.64067 0.58665 0.67301) |
| ProPhoto RGB | color(prophoto-rgb 0.57941 0.53262 0.60897) |
| 線形sRGB | color(srgb-linear 0.40198 0.30947 0.42327) |
| XYZ D65 | color(xyz-d65 0.35282 0.33736 0.44699) |
| XYZ D50 | color(xyz-d50 0.35504 0.33695 0.3379) |
| SwiftUI | Color(red: 0.667, green: 0.592, blue: 0.682) |
| UIKit | UIColor(red: 0.667, green: 0.592, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFAA97AE) |
| Android XML | #AA97AE |

## 基本情報

- 最も近い色名: スモーキーな 明るいマゼンタ
- 色相の系統: マゼンタ, スモーキーな 明るいマゼンタ
- 最も近いTailwindクラス: mauve-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.71:1
- 黒とのコントラスト: 7.75:1

## ティント

#aa97ae, #b2a1b6, #bbabbe, #c3b5c6, #cbc0ce, #d4cad6, #dcd4de, #e5dfe6, #eee9ee, #f6f4f7

## シェード

#aa97ae, #938397, #7d6f80, #685c6a, #534955, #3f3741, #2d262e, #1b171c, #0b080b, #010101

## トーン

#aa97ae, #a998ac, #a899ab, #a799a9, #a59aa8, #a49ba6, #a39ca5, #a29ca3, #a19da2, #a09ea0

## カラーハーモニー

- 補色: #aa97ae, #92a58e
- 分裂補色: #aa97ae, #9fa185, #87a79b
- 類似色: #aa97ae, #9e9bb6, #b395a2
- トライアド: #aa97ae, #ac9c83, #82a6a8
- テトラード: #aa97ae, #b69594, #92a58e, #82a6a8
- スクエア: #aa97ae, #b49889, #92a58e, #86a4b3
- モノクロマティック: #aa97ae, #625166, #857389, #d0bcd4, #f8e3fc

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

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

#aa97ae はスモーキーな 明るいマゼンタです。最も近い名前のある色はスモーキーな 明るいマゼンタです。RGBでは rgb(170, 151, 174)、HSLでは hsl(289.57, 12.43%, 63.73%)、OKLCHでは oklch(70.044% 0.03942 320.367) です。

### #aa97ae に合う色は？

#aa97ae の補色は #92a58e です。落ち着いた組み合わせにするなら、類似色の #9e9bb6 と #b395a2 を使いましょう。トライアドの組み合わせは #ac9c83 と #82a6a8 です。

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

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

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

#aa97ae はニュートラルの色です。OKLCHでは色相 320度、明度 70%、クロマ 0.039 です。