# カラーコード #673d27：やわらかな 暗い茶色

#673d27 はRGBで rgb(103, 61, 39)、OKLCHで oklch(40.532% 0.06828 47.762) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/673d27

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #673d27 |
| RGB | rgb(103, 61, 39) |
| HSL | hsl(20.63, 45.07%, 27.84%) |
| HSB / HSV | hsv(20.63 62.14% 40.39%) |
| HWB | hwb(20.63 15.29% 59.61%) |
| CMYK | cmyk(0% 41% 62% 60%) |
| Lab | lab(30.61 17.2 21.61) |
| LCH | lch(30.61 27.62 51.49) |
| OKLab | oklab(40.532% 0.0459 0.05056) |
| OKLCH | oklch(40.532% 0.06828 47.762) |
| Display P3 | color(display-p3 0.38085 0.24684 0.16867) |
| Rec. 2020 | color(rec2020 0.29309 0.1926 0.10783) |
| Adobe RGB | color(a98-rgb 0.36697 0.24819 0.17402) |
| ProPhoto RGB | color(prophoto-rgb 0.26251 0.19896 0.12978) |
| 線形sRGB | color(srgb-linear 0.13563 0.04667 0.02029) |
| XYZ D65 | color(xyz-d65 0.07628 0.06368 0.02747) |
| XYZ D50 | color(xyz-d50 0.08002 0.06486 0.02091) |
| SwiftUI | Color(red: 0.404, green: 0.239, blue: 0.153) |
| UIKit | UIColor(red: 0.404, green: 0.239, blue: 0.153, alpha: 1) |
| Flutter / Compose | Color(0xFF673D27) |
| Android XML | #673D27 |

## 基本情報

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

## ティント

#673d27, #764f3b, #85614f, #947363, #a38678, #b2998d, #c1ada3, #d0c1b9, #e0d5d0, #efeae7

## シェード

#673d27, #593420, #4b2b1a, #3d2214, #301a0e, #231208, #170a04, #0c0402, #040101, #000000

## トーン

#673d27, #643e2b, #62402f, #5f4132, #5c4336, #594439, #56453c, #534640, #504743, #4c4846

## カラーハーモニー

- 補色: #673d27, #165066
- 分裂補色: #673d27, #025456, #314a6e
- 類似色: #673d27, #69393b, #5d4419
- トライアド: #673d27, #1b5542, #47436c
- テトラード: #673d27, #4d4c1b, #165066, #47436c
- スクエア: #673d27, #36522c, #165066, #583d61
- モノクロマティック: #673d27, #240200, #441e07, #8b5e47, #b1816a

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

### #673d27 は何色ですか？

#673d27 はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(103, 61, 39)、HSLでは hsl(20.63, 45.07%, 27.84%)、OKLCHでは oklch(40.532% 0.06828 47.762) です。

### #673d27 に合う色は？

#673d27 の補色は #165066 です。落ち着いた組み合わせにするなら、類似色の #69393b と #5d4419 を使いましょう。トライアドの組み合わせは #1b5542 と #47436c です。

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

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

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

#673d27 は暖色系の色です。OKLCHでは色相 48度、明度 40.5%、クロマ 0.068 です。