# カラーコード #56584f：暗いグレー

#56584f はRGBで rgb(86, 88, 79)、OKLCHで oklch(45.568% 0.01449 117.156) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/56584f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #56584f |
| RGB | rgb(86, 88, 79) |
| HSL | hsl(73.33, 5.39%, 32.75%) |
| HSB / HSV | hsv(73.33 10.23% 34.51%) |
| HWB | hwb(73.33 30.98% 65.49%) |
| CMYK | cmyk(2% 0% 10% 65%) |
| Lab | lab(37 -2.21 4.95) |
| LCH | lch(37 5.42 114.06) |
| OKLab | oklab(45.568% -0.00661 0.01289) |
| OKLCH | oklch(45.568% 0.01449 117.156) |
| Display P3 | color(display-p3 0.33866 0.34484 0.31301) |
| Rec. 2020 | color(rec2020 0.27987 0.28554 0.25376) |
| Adobe RGB | color(a98-rgb 0.34183 0.34711 0.31529) |
| ProPhoto RGB | color(prophoto-rgb 0.2664 0.27295 0.24704) |
| 線形sRGB | color(srgb-linear 0.09306 0.09759 0.07819) |
| XYZ D65 | color(xyz-d65 0.08738 0.09522 0.08775) |
| XYZ D50 | color(xyz-d50 0.08935 0.0954 0.0666) |
| SwiftUI | Color(red: 0.337, green: 0.345, blue: 0.31) |
| UIKit | UIColor(red: 0.337, green: 0.345, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFF56584F) |
| Android XML | #56584F |

## 基本情報

- 最も近い色名: 暗いグレー
- 色相の系統: グレー, 暗いグレー
- 最も近いTailwindクラス: olive-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.23:1
- 黒とのコントラスト: 2.9:1

## ティント

#56584f, #65675f, #75776f, #858780, #969791, #a6a8a3, #b8b9b4, #c9cac7, #dbdbd9, #ededec

## シェード

#56584f, #4a4b44, #3e3f38, #32332e, #272823, #1c1d19, #121210, #080907, #020302, #000000

## トーン

#56584f, #565850, #565851, #565851, #565752, #565753, #565754, #565754, #575755, #575756

## カラーハーモニー

- 補色: #56584f, #57555e
- 分裂補色: #56584f, #53575f, #5b545b
- 類似色: #56584f, #5a564e, #525952
- トライアド: #56584f, #50585e, #5e5457
- テトラード: #56584f, #4f5a57, #57555e, #5e5457
- スクエア: #56584f, #4e595b, #57555e, #5f5452
- モノクロマティック: #56584f, #191b13, #363830, #787a71, #9c9e94

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

### #56584f は何色ですか？

#56584f は暗いグレーです。最も近い名前のある色は暗いグレーです。RGBでは rgb(86, 88, 79)、HSLでは hsl(73.33, 5.39%, 32.75%)、OKLCHでは oklch(45.568% 0.01449 117.156) です。

### #56584f に合う色は？

#56584f の補色は #57555e です。落ち着いた組み合わせにするなら、類似色の #5a564e と #525952 を使いましょう。トライアドの組み合わせは #50585e と #5e5457 です。

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

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

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

#56584f はニュートラルの色です。OKLCHでは色相 117度、明度 45.6%、クロマ 0.014 です。