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

#583f2f はRGBで rgb(88, 63, 47)、OKLCHで oklch(39.108% 0.04352 53.681) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/583f2f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #583f2f |
| RGB | rgb(88, 63, 47) |
| HSL | hsl(23.41, 30.37%, 26.47%) |
| HSB / HSV | hsv(23.41 46.59% 34.51%) |
| HWB | hwb(23.41 18.43% 65.49%) |
| CMYK | cmyk(0% 28% 47% 65%) |
| Lab | lab(29.18 9.56 14.33) |
| LCH | lch(29.18 17.23 56.3) |
| OKLab | oklab(39.108% 0.02577 0.03506) |
| OKLCH | oklch(39.108% 0.04352 53.681) |
| Display P3 | color(display-p3 0.33019 0.25105 0.19361) |
| Rec. 2020 | color(rec2020 0.25114 0.19325 0.13241) |
| Adobe RGB | color(a98-rgb 0.32414 0.25542 0.20086) |
| ProPhoto RGB | color(prophoto-rgb 0.23194 0.19722 0.148) |
| 線形sRGB | color(srgb-linear 0.09759 0.04971 0.02843) |
| XYZ D65 | color(xyz-d65 0.06315 0.05835 0.03483) |
| XYZ D50 | color(xyz-d50 0.06577 0.05907 0.02648) |
| SwiftUI | Color(red: 0.345, green: 0.247, blue: 0.184) |
| UIKit | UIColor(red: 0.345, green: 0.247, blue: 0.184, alpha: 1) |
| Flutter / Compose | Color(0xFF583F2F) |
| Android XML | #583F2F |

## 基本情報

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

## ティント

#583f2f, #685041, #776254, #877468, #98877c, #a89a91, #b9ada6, #cac1bc, #dcd5d2, #edeae8

## シェード

#583f2f, #4b3527, #3f2c20, #332319, #281b12, #1d120c, #120a06, #090403, #030101, #000000

## トーン

#583f2f, #564031, #544034, #534136, #514238, #4f423b, #4d433d, #4b443f, #494441, #474543

## カラーハーモニー

- 補色: #583f2f, #2d4959
- 分裂補色: #583f2f, #264c50, #39455d
- 類似色: #583f2f, #5b3c3a, #50432a
- トライアド: #583f2f, #2b4d43, #46415b
- テトラード: #583f2f, #45482d, #2d4959, #46415b
- スクエア: #583f2f, #374c36, #2d4959, #513d53
- モノクロマティック: #583f2f, #190500, #372011, #7b604f, #9f8371

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

### #583f2f は何色ですか？

#583f2f はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(88, 63, 47)、HSLでは hsl(23.41, 30.37%, 26.47%)、OKLCHでは oklch(39.108% 0.04352 53.681) です。

### #583f2f に合う色は？

#583f2f の補色は #2d4959 です。落ち着いた組み合わせにするなら、類似色の #5b3c3a と #50432a を使いましょう。トライアドの組み合わせは #2b4d43 と #46415b です。

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

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

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

#583f2f は暖色系の色です。OKLCHでは色相 54度、明度 39.1%、クロマ 0.044 です。