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

#508697 はRGBで rgb(80, 134, 151)、OKLCHで oklch(58.909% 0.06284 220.12) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/508697

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #508697 |
| RGB | rgb(80, 134, 151) |
| HSL | hsl(194.37, 30.74%, 45.29%) |
| HSB / HSV | hsv(194.37 47.02% 59.22%) |
| HWB | hwb(194.37 31.37% 40.78%) |
| CMYK | cmyk(47% 11% 0% 41%) |
| Lab | lab(52.68 -15.07 -15.07) |
| LCH | lch(52.68 21.31 225) |
| OKLab | oklab(58.909% -0.04806 -0.0405) |
| OKLCH | oklch(58.909% 0.06284 220.12) |
| Display P3 | color(display-p3 0.36285 0.52013 0.58419) |
| Rec. 2020 | color(rec2020 0.35776 0.46619 0.53965) |
| Adobe RGB | color(a98-rgb 0.38887 0.52102 0.58412) |
| ProPhoto RGB | color(prophoto-rgb 0.3671 0.43645 0.50966) |
| 線形sRGB | color(srgb-linear 0.08022 0.2384 0.30947) |
| XYZ D65 | color(xyz-d65 0.17418 0.20989 0.32413) |
| XYZ D50 | color(xyz-d50 0.17108 0.20751 0.24525) |
| SwiftUI | Color(red: 0.314, green: 0.525, blue: 0.592) |
| UIKit | UIColor(red: 0.314, green: 0.525, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF508697) |
| Android XML | #508697 |

## 基本情報

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

## ティント

#508697, #6292a1, #739dab, #84a9b5, #95b5c0, #a7c1ca, #b8cdd5, #cadadf, #dbe6ea, #edf2f4

## シェード

#508697, #447483, #39626f, #2e515c, #244049, #1a3037, #102126, #071317, #020608, #000101

## トーン

#508697, #568594, #5b8492, #60848f, #64838d, #69828a, #6d8187, #718085, #757f82, #797e80

## カラーハーモニー

- 補色: #508697, #9e7161
- 分裂補色: #508697, #9e6e74, #957753
- 類似色: #508697, #4d8985, #6080a1
- トライアド: #508697, #976e89, #857e52
- テトラード: #508697, #7579a2, #9e7161, #857e52
- スクエア: #508697, #897399, #9e7161, #71855d
- モノクロマティック: #508697, #024151, #2c6373, #74abbd, #99d1e4

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

### #508697 は何色ですか？

#508697 はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(80, 134, 151)、HSLでは hsl(194.37, 30.74%, 45.29%)、OKLCHでは oklch(58.909% 0.06284 220.12) です。

### #508697 に合う色は？

#508697 の補色は #9e7161 です。落ち着いた組み合わせにするなら、類似色の #4d8985 と #6080a1 を使いましょう。トライアドの組み合わせは #976e89 と #857e52 です。

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

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

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

#508697 は寒色系の色です。OKLCHでは色相 220度、明度 58.9%、クロマ 0.063 です。