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

#678ea3 はRGBで rgb(103, 142, 163)、OKLCHで oklch(62.564% 0.05352 232.235) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/678ea3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #678ea3 |
| RGB | rgb(103, 142, 163) |
| HSL | hsl(201, 24.59%, 52.16%) |
| HSB / HSV | hsv(201 36.81% 63.92%) |
| HWB | hwb(201 40.39% 36.08%) |
| CMYK | cmyk(37% 13% 0% 36%) |
| Lab | lab(56.71 -9.89 -15.73) |
| LCH | lch(56.71 18.57 237.85) |
| OKLab | oklab(62.564% -0.03277 -0.04231) |
| OKLCH | oklch(62.564% 0.05352 232.235) |
| Display P3 | color(display-p3 0.43608 0.55262 0.63055) |
| Rec. 2020 | color(rec2020 0.4214 0.50264 0.58966) |
| Adobe RGB | color(a98-rgb 0.45158 0.55182 0.63025) |
| ProPhoto RGB | color(prophoto-rgb 0.42306 0.47306 0.55906) |
| 線形sRGB | color(srgb-linear 0.13563 0.2705 0.36625) |
| XYZ D65 | color(xyz-d65 0.21876 0.24873 0.383) |
| XYZ D50 | color(xyz-d50 0.21573 0.2463 0.28969) |
| SwiftUI | Color(red: 0.404, green: 0.557, blue: 0.639) |
| UIKit | UIColor(red: 0.404, green: 0.557, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF678EA3) |
| Android XML | #678EA3 |

## 基本情報

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

## ティント

#678ea3, #7699ac, #85a4b5, #93afbe, #a2bac7, #b1c5d0, #c1d1da, #d0dce3, #e0e8ec, #eff3f6

## シェード

#678ea3, #597b8d, #4b6878, #3d5663, #30444f, #23343c, #17242a, #0c1519, #04070a, #000101

## トーン

#678ea3, #6b8da0, #6e8d9e, #728c9b, #758c98, #788b96, #7c8a93, #7f8a90, #82898d, #85888a

## カラーハーモニー

- 補色: #678ea3, #a37f6a
- 分裂補色: #678ea3, #a67b79, #988563
- 類似色: #678ea3, #609296, #7688a9
- トライアド: #678ea3, #a27b8b, #888c66
- テトラード: #678ea3, #8882a6, #a37f6a, #888c66
- スクエア: #678ea3, #987d9b, #a37f6a, #769073
- モノクロマティック: #678ea3, #23495c, #456a7e, #8bb3c9, #b0daf0

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

### #678ea3 は何色ですか？

#678ea3 はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(103, 142, 163)、HSLでは hsl(201, 24.59%, 52.16%)、OKLCHでは oklch(62.564% 0.05352 232.235) です。

### #678ea3 に合う色は？

#678ea3 の補色は #a37f6a です。落ち着いた組み合わせにするなら、類似色の #609296 と #7688a9 を使いましょう。トライアドの組み合わせは #a27b8b と #888c66 です。

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

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

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

#678ea3 は寒色系の色です。OKLCHでは色相 232度、明度 62.6%、クロマ 0.054 です。