# カラーコード #aa7331：鮮やかな 茶色

#aa7331 はRGBで rgb(170, 115, 49)、OKLCHで oklch(60.036% 0.10678 67.927) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aa7331 |
| RGB | rgb(170, 115, 49) |
| HSL | hsl(32.73, 55.25%, 42.94%) |
| HSB / HSV | hsv(32.73 71.18% 66.67%) |
| HWB | hwb(32.73 19.22% 33.33%) |
| CMYK | cmyk(0% 32% 71% 33%) |
| Lab | lab(53.41 17.82 44.29) |
| LCH | lch(53.41 47.74 68.08) |
| OKLab | oklab(60.036% 0.04013 0.09896) |
| OKLCH | oklch(60.036% 0.10678 67.927) |
| Display P3 | color(display-p3 0.63509 0.46027 0.24073) |
| Rec. 2020 | color(rec2020 0.54966 0.41612 0.18413) |
| Adobe RGB | color(a98-rgb 0.60926 0.44848 0.22197) |
| ProPhoto RGB | color(prophoto-rgb 0.4868 0.39765 0.19665) |
| 線形sRGB | color(srgb-linear 0.40198 0.17144 0.03071) |
| XYZ D65 | color(xyz-d65 0.23262 0.2103 0.0574) |
| XYZ D50 | color(xyz-d50 0.24571 0.2142 0.04417) |
| SwiftUI | Color(red: 0.667, green: 0.451, blue: 0.192) |
| UIKit | UIColor(red: 0.667, green: 0.451, blue: 0.192, alpha: 1) |
| Flutter / Compose | Color(0xFFAA7331) |
| Android XML | #AA7331 |

## 基本情報

- 最も近い色名: 鮮やかな 茶色
- 色相の系統: 茶色, 鮮やかな 茶色
- 最も近いTailwindクラス: yellow-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 4.03:1
- 黒とのコントラスト: 5.21:1

## ティント

#aa7331, #b38148, #bc8e5d, #c49c72, #cdaa86, #d5b89a, #dec6ae, #e6d4c2, #efe2d6, #f7f1ea

## シェード

#aa7331, #936329, #7d5422, #68451a, #533613, #3f280c, #2d1b06, #1b0f03, #0b0501, #010100

## トーン

#aa7331, #a6753c, #a27646, #9e784e, #9a7956, #967b5e, #927c65, #8e7d6c, #897e73, #857f7a

## カラーハーモニー

- 補色: #aa7331, #4885bd
- 分裂補色: #aa7331, #068faa, #7279bf
- 類似色: #aa7331, #b66850, #918029
- トライアド: #aa7331, #00948c, #926eb1
- テトラード: #aa7331, #6e8c43, #4885bd, #926eb1
- スクエア: #aa7331, #3f9367, #4885bd, #a96697
- モノクロマティック: #aa7331, #5e3000, #845000, #d19857, #f9be7d

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

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

#aa7331 は鮮やかな 茶色です。最も近い名前のある色は鮮やかな 茶色です。RGBでは rgb(170, 115, 49)、HSLでは hsl(32.73, 55.25%, 42.94%)、OKLCHでは oklch(60.036% 0.10678 67.927) です。

### #aa7331 に合う色は？

#aa7331 の補色は #4885bd です。落ち着いた組み合わせにするなら、類似色の #b66850 と #918029 を使いましょう。トライアドの組み合わせは #00948c と #926eb1 です。

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

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

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

#aa7331 は暖色系の色です。OKLCHでは色相 68度、明度 60%、クロマ 0.107 です。