# カラーコード #687283：スモーキーな 青

#687283 はRGBで rgb(104, 114, 131)、OKLCHで oklch(54.974% 0.02915 261.084) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #687283 |
| RGB | rgb(104, 114, 131) |
| HSL | hsl(217.78, 11.49%, 46.08%) |
| HSB / HSV | hsv(217.78 20.61% 51.37%) |
| HWB | hwb(217.78 40.78% 48.63%) |
| CMYK | cmyk(21% 13% 0% 49%) |
| Lab | lab(47.65 -0.95 -10.74) |
| LCH | lch(47.65 10.78 264.96) |
| OKLab | oklab(54.974% -0.00452 -0.0288) |
| OKLCH | oklch(54.974% 0.02915 261.084) |
| Display P3 | color(display-p3 0.41514 0.44583 0.50766) |
| Rec. 2020 | color(rec2020 0.37175 0.39183 0.45727) |
| Adobe RGB | color(a98-rgb 0.4181 0.44469 0.50703) |
| ProPhoto RGB | color(prophoto-rgb 0.36219 0.36996 0.42964) |
| 線形sRGB | color(srgb-linear 0.13843 0.16827 0.22697) |
| XYZ D65 | color(xyz-d65 0.15822 0.16616 0.23847) |
| XYZ D50 | color(xyz-d50 0.15765 0.16519 0.18034) |
| SwiftUI | Color(red: 0.408, green: 0.447, blue: 0.514) |
| UIKit | UIColor(red: 0.408, green: 0.447, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFF687283) |
| Android XML | #687283 |

## 基本情報

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

## ティント

#687283, #767f8f, #848d9b, #939aa7, #a2a8b3, #b1b6bf, #c0c4cc, #cfd3d8, #dfe1e5, #eff0f2

## シェード

#687283, #596271, #4b5360, #3e444f, #30363f, #24282f, #181b20, #0c0e12, #040406, #000101

## トーン

#687283, #697281, #6a7280, #6b727e, #6c727c, #6d727a, #6e7278, #6f7277, #6f7275, #707173

## カラーハーモニー

- 補色: #687283, #7a705f
- 分裂補色: #687283, #806d62, #727360
- 類似色: #687283, #617580, #716f82
- トライアド: #687283, #826b6a, #687666
- テトラード: #687283, #7a6c7c, #7a705f, #687666
- スクエア: #687283, #806b73, #7a705f, #61776f
- モノクロマティック: #687283, #28313f, #475060, #8b96a8, #b0bbce

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

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

#687283 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(104, 114, 131)、HSLでは hsl(217.78, 11.49%, 46.08%)、OKLCHでは oklch(54.974% 0.02915 261.084) です。

### #687283 に合う色は？

#687283 の補色は #7a705f です。落ち着いた組み合わせにするなら、類似色の #617580 と #716f82 を使いましょう。トライアドの組み合わせは #826b6a と #687666 です。

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

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

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

#687283 は寒色系の色です。OKLCHでは色相 261度、明度 55%、クロマ 0.029 です。