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

#57504f はRGBで rgb(87, 80, 79)、OKLCHで oklch(43.772% 0.00943 27.32) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #57504f |
| RGB | rgb(87, 80, 79) |
| HSL | hsl(7.5, 4.82%, 32.55%) |
| HSB / HSV | hsv(7.5 9.2% 34.12%) |
| HWB | hwb(7.5 30.98% 65.88%) |
| CMYK | cmyk(0% 8% 9% 66%) |
| Lab | lab(34.69 2.83 1.69) |
| LCH | lch(34.69 3.3 30.77) |
| OKLab | oklab(43.772% 0.00838 0.00433) |
| OKLCH | oklch(43.772% 0.00943 27.32) |
| Display P3 | color(display-p3 0.3365 0.31468 0.31066) |
| Rec. 2020 | color(rec2020 0.27194 0.25593 0.25079) |
| Adobe RGB | color(a98-rgb 0.33627 0.31752 0.31399) |
| ProPhoto RGB | color(prophoto-rgb 0.25905 0.24861 0.24361) |
| 線形sRGB | color(srgb-linear 0.09531 0.08022 0.07819) |
| XYZ D65 | color(xyz-d65 0.0821 0.08328 0.08572) |
| XYZ D50 | color(xyz-d50 0.08364 0.08345 0.06495) |
| SwiftUI | Color(red: 0.341, green: 0.314, blue: 0.31) |
| UIKit | UIColor(red: 0.341, green: 0.314, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFF57504F) |
| Android XML | #57504F |

## 基本情報

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

## ティント

#57504f, #66605f, #76706f, #868180, #969291, #a7a3a2, #b8b5b4, #c9c7c7, #dbd9d9, #edecec

## シェード

#57504f, #4b4444, #3e3938, #332e2e, #272423, #1c1a19, #121010, #080707, #030202, #000000

## トーン

#57504f, #56504f, #565050, #555150, #555150, #545150, #545151, #535151, #535151, #525251

## 配色

- 補色: #57504f, #4c5354
- 分裂補色: #57504f, #4d5452, #4d5357
- 類似色: #57504f, #575052, #56514d
- トライアド: #57504f, #4f534f, #4f5257
- テトラード: #57504f, #54524c, #4c5354, #4f5257
- スクエア: #57504f, #51534d, #4c5354, #525157
- モノクロマティック: #57504f, #1a1413, #373130, #797271, #9d9594

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

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

#57504f は暗いグレーです。最も近い名前のある色は暗いグレーです。RGBでは rgb(87, 80, 79)、HSLでは hsl(7.5, 4.82%, 32.55%)、OKLCHでは oklch(43.772% 0.00943 27.32) です。

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

#57504f の補色は #4c5354 です。落ち着いた組み合わせにするなら、類似色の #575052 と #56514d を使いましょう。トライアドの組み合わせは #4f534f と #4f5257 です。

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

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

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

#57504f はニュートラルの色です。OKLCHでは色相 27度、明度 43.8%、クロマ 0.009 です。