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

#b1663d はRGBで rgb(177, 102, 61)、OKLCHで oklch(58.665% 0.11148 48.15) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b1663d |
| RGB | rgb(177, 102, 61) |
| HSL | hsl(21.21, 48.74%, 46.67%) |
| HSB / HSV | hsv(21.21 65.54% 69.41%) |
| HWB | hwb(21.21 23.92% 30.59%) |
| CMYK | cmyk(0% 42% 66% 31%) |
| Lab | lab(51.37 28.25 36.39) |
| LCH | lch(51.37 46.07 52.18) |
| OKLab | oklab(58.665% 0.07438 0.08304) |
| OKLCH | oklch(58.665% 0.11148 48.15) |
| Display P3 | color(display-p3 0.65395 0.41422 0.27083) |
| Rec. 2020 | color(rec2020 0.56051 0.37313 0.21225) |
| Adobe RGB | color(a98-rgb 0.62224 0.39941 0.2566) |
| ProPhoto RGB | color(prophoto-rgb 0.49607 0.36206 0.21609) |
| 線形sRGB | color(srgb-linear 0.43966 0.13287 0.04667) |
| XYZ D65 | color(xyz-d65 0.23724 0.19188 0.06869) |
| XYZ D50 | color(xyz-d50 0.24957 0.1959 0.05234) |
| SwiftUI | Color(red: 0.694, green: 0.4, blue: 0.239) |
| UIKit | UIColor(red: 0.694, green: 0.4, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFB1663D) |
| Android XML | #B1663D |

## 基本情報

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

## ティント

#b1663d, #ba7551, #c28464, #cb9377, #d3a28a, #dbb29d, #e2c1b0, #ead0c4, #f1e0d7, #f8efeb

## シェード

#b1663d, #995834, #834a2b, #6c3c22, #572f1a, #422312, #2f170a, #1c0c04, #0c0401, #010000

## トーン

#b1663d, #ac6945, #a76c4c, #a36e53, #9e7059, #98735f, #937565, #8e776b, #887971, #827a77

## カラーハーモニー

- 補色: #b1663d, #0f88b0
- 分裂補色: #b1663d, #009094, #517dbe
- 類似色: #b1663d, #b55f63, #a0731e
- トライアド: #b1663d, #1c9170, #7a70ba
- テトラード: #b1663d, #838124, #0f88b0, #7a70ba
- スクエア: #b1663d, #598c48, #0f88b0, #9866a7
- モノクロマティック: #b1663d, #652100, #8a4317, #d98a61, #ffb086

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

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

#b1663d はやわらかな 茶色です。最も近い名前のある色はやわらかな 茶色です。RGBでは rgb(177, 102, 61)、HSLでは hsl(21.21, 48.74%, 46.67%)、OKLCHでは oklch(58.665% 0.11148 48.15) です。

### #b1663d に合う色は？

#b1663d の補色は #0f88b0 です。落ち着いた組み合わせにするなら、類似色の #b55f63 と #a0731e を使いましょう。トライアドの組み合わせは #1c9170 と #7a70ba です。

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

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

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

#b1663d は暖色系の色です。OKLCHでは色相 48度、明度 58.7%、クロマ 0.111 です。