# カラーコード #a15744：やわらかな 茶色

#a15744 はRGBで rgb(161, 87, 68)、OKLCHで oklch(53.989% 0.10241 35.365) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a15744 |
| RGB | rgb(161, 87, 68) |
| HSL | hsl(12.26, 40.61%, 44.9%) |
| HSB / HSV | hsv(12.26 57.76% 63.14%) |
| HWB | hwb(12.26 26.67% 36.86%) |
| CMYK | cmyk(0% 46% 58% 37%) |
| Lab | lab(45.79 29.83 25.2) |
| LCH | lch(45.79 39.05 40.18) |
| OKLab | oklab(53.989% 0.08351 0.05927) |
| OKLCH | oklch(53.989% 0.10241 35.365) |
| Display P3 | color(display-p3 0.59266 0.35581 0.28412) |
| Rec. 2020 | color(rec2020 0.49768 0.31267 0.22423) |
| Adobe RGB | color(a98-rgb 0.56239 0.3434 0.27686) |
| ProPhoto RGB | color(prophoto-rgb 0.44008 0.30782 0.22322) |
| 線形sRGB | color(srgb-linear 0.3564 0.09531 0.05781) |
| XYZ D65 | color(xyz-d65 0.19149 0.14812 0.0732) |
| XYZ D50 | color(xyz-d50 0.20039 0.15113 0.05549) |
| SwiftUI | Color(red: 0.631, green: 0.341, blue: 0.267) |
| UIKit | UIColor(red: 0.631, green: 0.341, blue: 0.267, alpha: 1) |
| Flutter / Compose | Color(0xFFA15744) |
| Android XML | #A15744 |

## 基本情報

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

## ティント

#a15744, #ab6756, #b57868, #bf887a, #c9998c, #d3a99e, #dcbab1, #e5cbc4, #eedcd8, #f6eeeb

## シェード

#a15744, #8b4b3a, #763e30, #623326, #4e271d, #3c1c14, #2a120c, #190805, #090302, #010000

## トーン

#a15744, #9d5a49, #985d4d, #935f52, #8f6256, #8a645a, #85675f, #7f6963, #7a6b67, #746d6b

## カラーハーモニー

- 補色: #a15744, #007d94
- 分裂補色: #a15744, #008177, #3474a6
- 類似色: #a15744, #9f5366, #976124
- トライアド: #a15744, #348054, #5e69aa
- テトラード: #a15744, #816d17, #007d94, #5e69aa
- スクエア: #a15744, #617931, #007d94, #7d5e9e
- モノクロマティック: #a15744, #561201, #7b3523, #c87b66, #f1a08a

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

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

#a15744 はやわらかな 茶色です。最も近い名前のある色はやわらかな 茶色です。RGBでは rgb(161, 87, 68)、HSLでは hsl(12.26, 40.61%, 44.9%)、OKLCHでは oklch(53.989% 0.10241 35.365) です。

### #a15744 に合う色は？

#a15744 の補色は #007d94 です。落ち着いた組み合わせにするなら、類似色の #9f5366 と #976124 を使いましょう。トライアドの組み合わせは #348054 と #5e69aa です。

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

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

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

#a15744 は暖色系の色です。OKLCHでは色相 35度、明度 54%、クロマ 0.102 です。