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

#4e2f18 はRGBで rgb(78, 47, 24)、OKLCHで oklch(33.809% 0.05759 55.856) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4e2f18

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4e2f18 |
| RGB | rgb(78, 47, 24) |
| HSL | hsl(25.56, 52.94%, 20%) |
| HSB / HSV | hsv(25.56 69.23% 30.59%) |
| HWB | hwb(25.56 9.41% 69.41%) |
| CMYK | cmyk(0% 40% 69% 69%) |
| Lab | lab(22.96 12.72 20.71) |
| LCH | lch(22.96 24.31 58.44) |
| OKLab | oklab(33.809% 0.03233 0.04767) |
| OKLCH | oklch(33.809% 0.05759 55.856) |
| Display P3 | color(display-p3 0.28857 0.18979 0.11018) |
| Rec. 2020 | color(rec2020 0.2049 0.13265 0.05369) |
| Adobe RGB | color(a98-rgb 0.28362 0.1981 0.12279) |
| ProPhoto RGB | color(prophoto-rgb 0.1914 0.14923 0.08778) |
| 線形sRGB | color(srgb-linear 0.07619 0.02843 0.00913) |
| XYZ D65 | color(xyz-d65 0.04323 0.03719 0.01354) |
| XYZ D50 | color(xyz-d50 0.04548 0.03788 0.01034) |
| SwiftUI | Color(red: 0.306, green: 0.184, blue: 0.094) |
| UIKit | UIColor(red: 0.306, green: 0.184, blue: 0.094, alpha: 1) |
| Flutter / Compose | Color(0xFF4E2F18) |
| Android XML | #4E2F18 |

## 基本情報

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

## ティント

#4e2f18, #5f412d, #6f5442, #816857, #927c6e, #a39184, #b5a69c, #c7bcb4, #dad2cc, #ece8e5

## シェード

#4e2f18, #432713, #38200f, #2d190a, #231207, #190c04, #0f0602, #070301, #020100, #000000

## トーン

#4e2f18, #4c301c, #4a311f, #483223, #463326, #433429, #41352c, #3f352f, #3c3632, #3a3735

## カラーハーモニー

- 補色: #4e2f18, #143c51
- 分裂補色: #4e2f18, #004046, #293655
- 類似色: #4e2f18, #512b28, #45350f
- トライアド: #4e2f18, #0b4136, #3a3152
- テトラード: #4e2f18, #363b15, #143c51, #3a3152
- スクエア: #4e2f18, #233f25, #143c51, #472d47
- モノクロマティック: #4e2f18, #130100, #2d1100, #714f38, #957159

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

### #4e2f18 は何色ですか？

#4e2f18 はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(78, 47, 24)、HSLでは hsl(25.56, 52.94%, 20%)、OKLCHでは oklch(33.809% 0.05759 55.856) です。

### #4e2f18 に合う色は？

#4e2f18 の補色は #143c51 です。落ち着いた組み合わせにするなら、類似色の #512b28 と #45350f を使いましょう。トライアドの組み合わせは #0b4136 と #3a3152 です。

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

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

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

#4e2f18 は暖色系の色です。OKLCHでは色相 56度、明度 33.8%、クロマ 0.058 です。