# カラーコード #50737e：スモーキーな 空色

#50737e はRGBで rgb(80, 115, 126)、OKLCHで oklch(53.315% 0.04334 219.388) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/50737e

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #50737e |
| RGB | rgb(80, 115, 126) |
| HSL | hsl(194.35, 22.33%, 40.39%) |
| HSB / HSV | hsv(194.35 36.51% 49.41%) |
| HWB | hwb(194.35 31.37% 50.59%) |
| CMYK | cmyk(37% 9% 0% 51%) |
| Lab | lab(46.1 -10.71 -10.3) |
| LCH | lch(46.1 14.86 223.89) |
| OKLab | oklab(53.315% -0.03349 -0.0275) |
| OKLCH | oklch(53.315% 0.04334 219.388) |
| Display P3 | color(display-p3 0.34309 0.44724 0.48872) |
| Rec. 2020 | color(rec2020 0.3174 0.39008 0.43741) |
| Adobe RGB | color(a98-rgb 0.36073 0.44848 0.48873) |
| ProPhoto RGB | color(prophoto-rgb 0.3197 0.36567 0.41133) |
| 線形sRGB | color(srgb-linear 0.08022 0.17144 0.20864) |
| XYZ D65 | color(xyz-d65 0.13204 0.15473 0.2203) |
| XYZ D50 | color(xyz-d50 0.13086 0.1534 0.16675) |
| SwiftUI | Color(red: 0.314, green: 0.451, blue: 0.494) |
| UIKit | UIColor(red: 0.314, green: 0.451, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFF50737E) |
| Android XML | #50737E |

## 基本情報

- 最も近い色名: スモーキーな 空色
- 色相の系統: 空色, スモーキーな 空色
- 最も近いTailwindクラス: mist-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 5.13:1
- 黒とのコントラスト: 4.09:1

## ティント

#50737e, #61808a, #718d97, #829ba3, #93a9b0, #a5b7bd, #b6c5ca, #c8d3d7, #dae2e4, #ecf0f1

## シェード

#50737e, #44636d, #39545c, #2e454c, #24363c, #1a282d, #101b1f, #070f11, #020505, #000101

## トーン

#50737e, #53727c, #56727b, #597179, #5c7177, #5f7075, #626f74, #656f72, #676e70, #6a6d6e

## 配色

- 補色: #50737e, #83645a
- 分裂補色: #50737e, #846367, #7d6952
- 類似色: #50737e, #4f7572, #5a6f85
- トライアド: #50737e, #7e6375, #736e50
- テトラード: #50737e, #676a86, #83645a, #736e50
- スクエア: #50737e, #746680, #83645a, #657257
- モノクロマティック: #50737e, #0e313b, #2f515b, #7397a2, #97bcc8

## #50737e についてのよくある質問

### #50737e は何色ですか？

#50737e はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(80, 115, 126)、HSLでは hsl(194.35, 22.33%, 40.39%)、OKLCHでは oklch(53.315% 0.04334 219.388) です。

### #50737e に合う色は？

#50737e の補色は #83645a です。落ち着いた組み合わせにするなら、類似色の #4f7572 と #5a6f85 を使いましょう。トライアドの組み合わせは #7e6375 と #736e50 です。

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

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

### #50737e は暖色と寒色のどちらですか？

#50737e は寒色系の色です。OKLCHでは色相 219度、明度 53.3%、クロマ 0.043 です。