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

#5d4e1f はRGBで rgb(93, 78, 31)、OKLCHで oklch(42.869% 0.06781 91.583) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5d4e1f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5d4e1f |
| RGB | rgb(93, 78, 31) |
| HSL | hsl(45.48, 50%, 24.31%) |
| HSB / HSV | hsv(45.48 66.67% 36.47%) |
| HWB | hwb(45.48 12.16% 63.53%) |
| CMYK | cmyk(0% 16% 67% 64%) |
| Lab | lab(33.94 1.93 29.5) |
| LCH | lch(33.94 29.56 86.27) |
| OKLab | oklab(42.869% -0.00187 0.06779) |
| OKLCH | oklch(42.869% 0.06781 91.583) |
| Display P3 | color(display-p3 0.35511 0.30805 0.15111) |
| Rec. 2020 | color(rec2020 0.28068 0.24903 0.093) |
| Adobe RGB | color(a98-rgb 0.35096 0.31016 0.15373) |
| ProPhoto RGB | color(prophoto-rgb 0.25426 0.24186 0.122) |
| 線形sRGB | color(srgb-linear 0.10946 0.07619 0.0137) |
| XYZ D65 | color(xyz-d65 0.07486 0.07875 0.02422) |
| XYZ D50 | color(xyz-d50 0.07904 0.0798 0.0187) |
| SwiftUI | Color(red: 0.365, green: 0.306, blue: 0.122) |
| UIKit | UIColor(red: 0.365, green: 0.306, blue: 0.122, alpha: 1) |
| Flutter / Compose | Color(0xFF5D4E1F) |
| Android XML | #5D4E1F |

## 基本情報

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

## ティント

#5d4e1f, #6c5e35, #7b6f4b, #8a8060, #9a9175, #aaa38b, #bbb4a2, #cbc7b8, #dcd9d0, #eeece7

## シェード

#5d4e1f, #504319, #433814, #372d0f, #2a230a, #1f1906, #140f03, #0a0701, #030200, #000000

## トーン

#5d4e1f, #5c4e25, #5a4f2b, #594f30, #584f35, #564f3a, #554f3f, #534f43, #524f47, #514f4b

## カラーハーモニー

- 補色: #5d4e1f, #424d75
- 分裂補色: #5d4e1f, #2a5471, #56466f
- 類似色: #5d4e1f, #6a4626, #495529
- トライアド: #5d4e1f, #135965, #654160
- テトラード: #5d4e1f, #315a3c, #424d75, #654160
- スクエア: #5d4e1f, #185b52, #424d75, #6e3f4d
- モノクロマティック: #5d4e1f, #1d1200, #3c2e00, #807041, #a49464

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

### #5d4e1f は何色ですか？

#5d4e1f はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(93, 78, 31)、HSLでは hsl(45.48, 50%, 24.31%)、OKLCHでは oklch(42.869% 0.06781 91.583) です。

### #5d4e1f に合う色は？

#5d4e1f の補色は #424d75 です。落ち着いた組み合わせにするなら、類似色の #6a4626 と #495529 を使いましょう。トライアドの組み合わせは #135965 と #654160 です。

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

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

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

#5d4e1f は暖色系の色です。OKLCHでは色相 92度、明度 42.9%、クロマ 0.068 です。