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

#708dbb はRGBで rgb(112, 141, 187)、OKLCHで oklch(63.922% 0.07703 259.452) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/708dbb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #708dbb |
| RGB | rgb(112, 141, 187) |
| HSL | hsl(216.8, 35.55%, 58.63%) |
| HSB / HSV | hsv(216.8 40.11% 73.33%) |
| HWB | hwb(216.8 43.92% 26.67%) |
| CMYK | cmyk(40% 25% 0% 27%) |
| Lab | lab(57.76 -1.55 -27.67) |
| LCH | lch(57.76 27.72 266.8) |
| OKLab | oklab(63.922% -0.0141 -0.07573) |
| OKLCH | oklch(63.922% 0.07703 259.452) |
| Display P3 | color(display-p3 0.46201 0.54964 0.71832) |
| Rec. 2020 | color(rec2020 0.44638 0.50212 0.6842) |
| Adobe RGB | color(a98-rgb 0.4719 0.54797 0.72127) |
| ProPhoto RGB | color(prophoto-rgb 0.45626 0.47575 0.65285) |
| 線形sRGB | color(srgb-linear 0.16203 0.26636 0.49693) |
| XYZ D65 | color(xyz-d65 0.25175 0.26082 0.50723) |
| XYZ D50 | color(xyz-d50 0.24434 0.25712 0.38297) |
| SwiftUI | Color(red: 0.439, green: 0.553, blue: 0.733) |
| UIKit | UIColor(red: 0.439, green: 0.553, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF708DBB) |
| Android XML | #708DBB |

## 基本情報

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

## ティント

#708dbb, #7e98c2, #8ba3c9, #99aed0, #a7bad7, #b6c5de, #c4d0e4, #d2dceb, #e1e8f2, #f0f3f8

## シェード

#708dbb, #607aa2, #51678a, #435573, #35445c, #273346, #1a2332, #0e141f, #04070d, #010102

## トーン

#708dbb, #738db6, #768db2, #798dad, #7b8da9, #7e8da4, #818d9f, #848d9a, #868c96, #898c91

## カラーハーモニー

- 補色: #708dbb, #a58754
- 分裂補色: #708dbb, #b37e62, #8f9058
- 類似色: #708dbb, #5795b2, #8a84b8
- トライアド: #708dbb, #b67979, #73986a
- テトラード: #708dbb, #a17daa, #a58754, #73986a
- スクエア: #708dbb, #b07993, #a58754, #599b84
- モノクロマティック: #708dbb, #2e4771, #4e6995, #94b2e2, #b9d9ff

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

### #708dbb は何色ですか？

#708dbb はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(112, 141, 187)、HSLでは hsl(216.8, 35.55%, 58.63%)、OKLCHでは oklch(63.922% 0.07703 259.452) です。

### #708dbb に合う色は？

#708dbb の補色は #a58754 です。落ち着いた組み合わせにするなら、類似色の #5795b2 と #8a84b8 を使いましょう。トライアドの組み合わせは #b67979 と #73986a です。

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

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

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

#708dbb は寒色系の色です。OKLCHでは色相 259度、明度 63.9%、クロマ 0.077 です。