# カラーコード #7b704f：スモーキーな 茶色

#7b704f はRGBで rgb(123, 112, 79)、OKLCHで oklch(54.664% 0.04973 91.801) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7b704f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7b704f |
| RGB | rgb(123, 112, 79) |
| HSL | hsl(45, 21.78%, 39.61%) |
| HSB / HSV | hsv(45 35.77% 48.24%) |
| HWB | hwb(45 30.98% 51.76%) |
| CMYK | cmyk(0% 9% 36% 52%) |
| Lab | lab(47.62 0.51 20.04) |
| LCH | lch(47.62 20.04 88.54) |
| OKLab | oklab(54.664% -0.00156 0.0497) |
| OKLCH | oklch(54.664% 0.04973 91.801) |
| Display P3 | color(display-p3 0.47505 0.44073 0.32513) |
| Rec. 2020 | color(rec2020 0.41013 0.38742 0.26806) |
| Adobe RGB | color(a98-rgb 0.46746 0.43712 0.32006) |
| ProPhoto RGB | color(prophoto-rgb 0.37282 0.36529 0.26256) |
| 線形sRGB | color(srgb-linear 0.19807 0.16203 0.07819) |
| XYZ D65 | color(xyz-d65 0.15373 0.16364 0.09746) |
| XYZ D50 | color(xyz-d50 0.15996 0.16497 0.07432) |
| SwiftUI | Color(red: 0.482, green: 0.439, blue: 0.31) |
| UIKit | UIColor(red: 0.482, green: 0.439, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFF7B704F) |
| Android XML | #7B704F |

## 基本情報

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

## ティント

#7b704f, #877d5f, #948b70, #a19981, #aea792, #bbb5a4, #c8c4b6, #d6d2c8, #e3e1da, #f1f0ec

## シェード

#7b704f, #6a6044, #5a5138, #4a432e, #3a3523, #2c2719, #1e1a10, #100e07, #050402, #010100

## トーン

#7b704f, #7a7053, #797056, #78705a, #77705d, #767060, #757064, #747067, #73706a, #71706d

## カラーハーモニー

- 補色: #7b704f, #666f8e
- 分裂補色: #7b704f, #57758b, #766a89
- 類似色: #7b704f, #866a53, #6c7555
- トライアド: #7b704f, #4d7981, #82667e
- テトラード: #7b704f, #5b7962, #666f8e, #82667e
- スクエア: #7b704f, #4f7a73, #666f8e, #8a656e
- モノクロマティック: #7b704f, #392f0e, #594e2e, #9f9472, #c5b996

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

### #7b704f は何色ですか？

#7b704f はスモーキーな 茶色です。最も近い名前のある色はスモーキーな 茶色です。RGBでは rgb(123, 112, 79)、HSLでは hsl(45, 21.78%, 39.61%)、OKLCHでは oklch(54.664% 0.04973 91.801) です。

### #7b704f に合う色は？

#7b704f の補色は #666f8e です。落ち着いた組み合わせにするなら、類似色の #866a53 と #6c7555 を使いましょう。トライアドの組み合わせは #4d7981 と #82667e です。

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

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

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

#7b704f は暖色系の色です。OKLCHでは色相 92度、明度 54.7%、クロマ 0.05 です。