# カラーコード #57504b：暗いグレー

#57504b はRGBで rgb(87, 80, 75)、OKLCHで oklch(43.644% 0.01233 57.97) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/57504b

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #57504b |
| RGB | rgb(87, 80, 75) |
| HSL | hsl(25, 7.41%, 31.76%) |
| HSB / HSV | hsv(25 13.79% 34.12%) |
| HWB | hwb(25 29.41% 65.88%) |
| CMYK | cmyk(0% 8% 14% 66%) |
| Lab | lab(34.6 2.25 4.05) |
| LCH | lch(34.6 4.64 60.91) |
| OKLab | oklab(43.644% 0.00654 0.01045) |
| OKLCH | oklch(43.644% 0.01233 57.97) |
| Display P3 | color(display-p3 0.3365 0.31468 0.29646) |
| Rec. 2020 | color(rec2020 0.27131 0.25576 0.23638) |
| Adobe RGB | color(a98-rgb 0.33627 0.31752 0.29992) |
| ProPhoto RGB | color(prophoto-rgb 0.25724 0.24824 0.23173) |
| 線形sRGB | color(srgb-linear 0.09531 0.08022 0.07036) |
| XYZ D65 | color(xyz-d65 0.08069 0.08272 0.07828) |
| XYZ D50 | color(xyz-d50 0.08252 0.08298 0.05936) |
| SwiftUI | Color(red: 0.341, green: 0.314, blue: 0.294) |
| UIKit | UIColor(red: 0.341, green: 0.314, blue: 0.294, alpha: 1) |
| Flutter / Compose | Color(0xFF57504B) |
| Android XML | #57504B |

## 基本情報

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

## ティント

#57504b, #66605b, #76706c, #86817d, #96928e, #a7a3a0, #b8b5b3, #c9c7c5, #dbd9d8, #edeceb

## シェード

#57504b, #4b4440, #3e3935, #332e2b, #272421, #1c1a17, #12100e, #080706, #030202, #000000

## トーン

#57504b, #56504c, #56504c, #55504d, #55514e, #54514e, #54514f, #535150, #535150, #525151

## カラーハーモニー

- 補色: #57504b, #4b5358
- 分裂補色: #57504b, #4a5455, #4f5159
- 類似色: #57504b, #584f4e, #54514a
- トライアド: #57504b, #4b5451, #525058
- テトラード: #57504b, #51534b, #4b5358, #525058
- スクエア: #57504b, #4d534e, #4b5358, #554f55
- モノクロマティック: #57504b, #1a1410, #37302c, #79726c, #9d9590

## #57504b についてのよくある質問

### #57504b は何色ですか？

#57504b は暗いグレーです。最も近い名前のある色は暗いグレーです。RGBでは rgb(87, 80, 75)、HSLでは hsl(25, 7.41%, 31.76%)、OKLCHでは oklch(43.644% 0.01233 57.97) です。

### #57504b に合う色は？

#57504b の補色は #4b5358 です。落ち着いた組み合わせにするなら、類似色の #584f4e と #54514a を使いましょう。トライアドの組み合わせは #4b5451 と #525058 です。

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

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

### #57504b は暖色と寒色のどちらですか？

#57504b はニュートラルの色です。OKLCHでは色相 58度、明度 43.6%、クロマ 0.012 です。