# カラーコード #786e45：スモーキーな 茶色

#786e45 はRGBで rgb(120, 110, 69)、OKLCHで oklch(53.719% 0.05973 96.089) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/786e45

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #786e45 |
| RGB | rgb(120, 110, 69) |
| HSL | hsl(48.24, 26.98%, 37.06%) |
| HSB / HSV | hsv(48.24 42.5% 47.06%) |
| HWB | hwb(48.24 27.06% 52.94%) |
| CMYK | cmyk(0% 8% 43% 53%) |
| Lab | lab(46.6 -0.65 24.34) |
| LCH | lch(46.6 24.35 91.53) |
| OKLab | oklab(53.719% -0.00634 0.0594) |
| OKLCH | oklch(53.719% 0.05973 96.089) |
| Display P3 | color(display-p3 0.46393 0.43275 0.29063) |
| Rec. 2020 | color(rec2020 0.39825 0.37858 0.23312) |
| Adobe RGB | color(a98-rgb 0.45706 0.42955 0.28546) |
| ProPhoto RGB | color(prophoto-rgb 0.36034 0.35668 0.23366) |
| 線形sRGB | color(srgb-linear 0.18782 0.15593 0.05951) |
| XYZ D65 | color(xyz-d65 0.14395 0.15575 0.07878) |
| XYZ D50 | color(xyz-d50 0.15047 0.15718 0.06025) |
| SwiftUI | Color(red: 0.471, green: 0.431, blue: 0.271) |
| UIKit | UIColor(red: 0.471, green: 0.431, blue: 0.271, alpha: 1) |
| Flutter / Compose | Color(0xFF786E45) |
| Android XML | #786E45 |

## 基本情報

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

## ティント

#786e45, #857c57, #918968, #9e977a, #aca68d, #b9b49f, #c7c3b2, #d5d2c5, #e3e1d8, #f1f0eb

## シェード

#786e45, #675f3b, #575031, #484127, #39331e, #2a2615, #1d190c, #100e05, #050402, #010100

## トーン

#786e45, #776e4a, #766e4e, #756e52, #746e56, #736e5b, #726e5f, #716e62, #706e66, #6f6e6a

## カラーハーモニー

- 補色: #786e45, #646b91
- 分裂補色: #786e45, #51728f, #76658a
- 類似色: #786e45, #866748, #65744e
- トライアド: #786e45, #427784, #84617b
- テトラード: #786e45, #51795f, #646b91, #84617b
- スクエア: #786e45, #427973, #646b91, #8c5f68
- モノクロマティック: #786e45, #362d01, #564c24, #9c9267, #c2b78b

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

### #786e45 は何色ですか？

#786e45 はスモーキーな 茶色です。最も近い名前のある色はスモーキーな 茶色です。RGBでは rgb(120, 110, 69)、HSLでは hsl(48.24, 26.98%, 37.06%)、OKLCHでは oklch(53.719% 0.05973 96.089) です。

### #786e45 に合う色は？

#786e45 の補色は #646b91 です。落ち着いた組み合わせにするなら、類似色の #866748 と #65744e を使いましょう。トライアドの組み合わせは #427784 と #84617b です。

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

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

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

#786e45 は暖色系の色です。OKLCHでは色相 96度、明度 53.7%、クロマ 0.06 です。