# カラーコード #8a7844：スモーキーな 茶色

#8a7844 はRGBで rgb(138, 120, 68)、OKLCHで oklch(57.739% 0.07418 90.879) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8a7844

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8a7844 |
| RGB | rgb(138, 120, 68) |
| HSL | hsl(44.57, 33.98%, 40.39%) |
| HSB / HSV | hsv(44.57 50.72% 54.12%) |
| HWB | hwb(44.57 26.67% 45.88%) |
| CMYK | cmyk(0% 13% 51% 46%) |
| Lab | lab(51.23 1.89 31.05) |
| LCH | lch(51.23 31.1 86.52) |
| OKLab | oklab(57.739% -0.00114 0.07417) |
| OKLCH | oklch(57.739% 0.07418 90.879) |
| Display P3 | color(display-p3 0.52951 0.47315 0.29456) |
| Rec. 2020 | color(rec2020 0.46118 0.4225 0.23813) |
| Adobe RGB | color(a98-rgb 0.51789 0.46748 0.2848) |
| ProPhoto RGB | color(prophoto-rgb 0.41422 0.39827 0.23963) |
| 線形sRGB | color(srgb-linear 0.25415 0.18782 0.05781) |
| XYZ D65 | color(xyz-d65 0.1824 0.19254 0.08225) |
| XYZ D50 | color(xyz-d50 0.19144 0.1947 0.06305) |
| SwiftUI | Color(red: 0.541, green: 0.471, blue: 0.267) |
| UIKit | UIColor(red: 0.541, green: 0.471, blue: 0.267, alpha: 1) |
| Flutter / Compose | Color(0xFF8A7844) |
| Android XML | #8A7844 |

## 基本情報

- 最も近い色名: スモーキーな 茶色
- 色相の系統: 茶色, スモーキーな 茶色
- 最も近いTailwindクラス: olive-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 4.33:1
- 黒とのコントラスト: 4.85:1

## ティント

#8a7844, #958557, #a09269, #ac9f7b, #b7ac8d, #c3baa0, #cfc7b2, #dbd5c5, #e7e3d8, #f3f1ec

## シェード

#8a7844, #77673a, #655730, #534826, #42391d, #322a14, #221d0c, #141005, #070502, #010100

## トーン

#8a7844, #88784a, #877950, #857956, #83795b, #827961, #807966, #7e796b, #7d7970, #7b7975

## カラーハーモニー

- 補色: #8a7844, #6977a6
- 分裂補色: #8a7844, #507fa2, #816f9f
- 類似色: #8a7844, #9a6f4b, #73804e
- トライアド: #8a7844, #3d8592, #93698e
- テトラード: #8a7844, #588663, #6977a6, #93698e
- スクエア: #8a7844, #41887c, #6977a6, #9e6777
- モノクロマティック: #8a7844, #463500, #675521, #af9c67, #d5c28c

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

### #8a7844 は何色ですか？

#8a7844 はスモーキーな 茶色です。最も近い名前のある色はスモーキーな 茶色です。RGBでは rgb(138, 120, 68)、HSLでは hsl(44.57, 33.98%, 40.39%)、OKLCHでは oklch(57.739% 0.07418 90.879) です。

### #8a7844 に合う色は？

#8a7844 の補色は #6977a6 です。落ち着いた組み合わせにするなら、類似色の #9a6f4b と #73804e を使いましょう。トライアドの組み合わせは #3d8592 と #93698e です。

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

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

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

#8a7844 は暖色系の色です。OKLCHでは色相 91度、明度 57.7%、クロマ 0.074 です。