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

#677ea5 はRGBで rgb(103, 126, 165)、OKLCHで oklch(59.023% 0.06589 260.805) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/677ea5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #677ea5 |
| RGB | rgb(103, 126, 165) |
| HSL | hsl(217.74, 25.62%, 52.55%) |
| HSB / HSV | hsv(217.74 37.58% 64.71%) |
| HWB | hwb(217.74 40.39% 35.29%) |
| CMYK | cmyk(38% 24% 0% 35%) |
| Lab | lab(52.12 -1 -23.82) |
| LCH | lch(52.12 23.84 267.6) |
| OKLab | oklab(59.023% -0.01053 -0.06505) |
| OKLCH | oklch(59.023% 0.06589 260.805) |
| Display P3 | color(display-p3 0.42171 0.49145 0.63427) |
| Rec. 2020 | color(rec2020 0.39607 0.44006 0.59273) |
| Adobe RGB | color(a98-rgb 0.43018 0.49037 0.6358) |
| ProPhoto RGB | color(prophoto-rgb 0.40159 0.41593 0.56028) |
| 線形sRGB | color(srgb-linear 0.13563 0.20864 0.37626) |
| XYZ D65 | color(xyz-d65 0.19845 0.20521 0.38514) |
| XYZ D50 | color(xyz-d50 0.19334 0.20256 0.29083) |
| SwiftUI | Color(red: 0.404, green: 0.494, blue: 0.647) |
| UIKit | UIColor(red: 0.404, green: 0.494, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF677EA5) |
| Android XML | #677EA5 |

## 基本情報

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

## ティント

#677ea5, #758aae, #8497b7, #92a3c0, #a1b0c9, #b0bdd2, #c0cadb, #cfd7e4, #dfe4ed, #eff2f6

## シェード

#677ea5, #596d8f, #4b5c79, #3d4c65, #303c51, #232d3d, #171f2b, #0c111a, #04050a, #000101

## トーン

#677ea5, #697ea1, #6c7e9d, #6e7e99, #707e95, #727e91, #757e8d, #777e89, #797e85, #7b7d81

## カラーハーモニー

- 補色: #677ea5, #92794f
- 分裂補色: #677ea5, #9e7259, #7f8153
- 類似色: #677ea5, #53859e, #7d77a2
- トライアド: #677ea5, #a16e6c, #688762
- テトラード: #677ea5, #907196, #92794f, #688762
- スクエア: #677ea5, #9c6d82, #92794f, #538a78
- モノクロマティック: #677ea5, #263a5d, #465b80, #8aa3cb, #afc9f3

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

### #677ea5 は何色ですか？

#677ea5 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(103, 126, 165)、HSLでは hsl(217.74, 25.62%, 52.55%)、OKLCHでは oklch(59.023% 0.06589 260.805) です。

### #677ea5 に合う色は？

#677ea5 の補色は #92794f です。落ち着いた組み合わせにするなら、類似色の #53859e と #7d77a2 を使いましょう。トライアドの組み合わせは #a16e6c と #688762 です。

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

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

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

#677ea5 は寒色系の色です。OKLCHでは色相 261度、明度 59%、クロマ 0.066 です。