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

#879bbf はRGBで rgb(135, 155, 191)、OKLCHで oklch(68.682% 0.05799 262.103) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/879bbf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #879bbf |
| RGB | rgb(135, 155, 191) |
| HSL | hsl(218.57, 30.43%, 63.92%) |
| HSB / HSV | hsv(218.57 29.32% 74.9%) |
| HWB | hwb(218.57 52.94% 25.1%) |
| CMYK | cmyk(29% 19% 0% 25%) |
| Lab | lab(63.38 -0.96 -21.19) |
| LCH | lch(63.38 21.21 267.41) |
| OKLab | oklab(68.682% -0.00797 -0.05744) |
| OKLCH | oklch(68.682% 0.05799 262.103) |
| Display P3 | color(display-p3 0.5444 0.60545 0.73683) |
| Rec. 2020 | color(rec2020 0.52311 0.56277 0.70502) |
| Adobe RGB | color(a98-rgb 0.54823 0.60219 0.73825) |
| ProPhoto RGB | color(prophoto-rgb 0.52141 0.53541 0.67551) |
| 線形sRGB | color(srgb-linear 0.24228 0.32778 0.521) |
| XYZ D65 | color(xyz-d65 0.31115 0.32355 0.53898) |
| XYZ D50 | color(xyz-d50 0.30644 0.32047 0.40724) |
| SwiftUI | Color(red: 0.529, green: 0.608, blue: 0.749) |
| UIKit | UIColor(red: 0.529, green: 0.608, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF879BBF) |
| Android XML | #879BBF |

## 基本情報

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

## ティント

#879bbf, #92a5c5, #9eaecc, #aab8d2, #b6c2d9, #c1ccdf, #ced6e6, #dae0ec, #e6eaf2, #f2f5f9

## シェード

#879bbf, #7586a6, #63728d, #515e75, #414b5e, #313948, #212833, #13181f, #06090d, #010102

## トーン

#879bbf, #899bbb, #8b9bb8, #8d9bb4, #8f9bb1, #919bad, #939ba9, #959ba5, #969ba2, #989a9e

## カラーハーモニー

- 補色: #879bbf, #ac9771
- 分裂補色: #879bbf, #b8917a, #9b9e75
- 類似色: #879bbf, #76a1b8, #9b94bc
- トライアド: #879bbf, #bc8d8a, #86a483
- テトラード: #879bbf, #ac8fb0, #ac9771, #86a483
- スクエア: #879bbf, #b88c9e, #ac9771, #75a696
- モノクロマティック: #879bbf, #435475, #647799, #acc1e6, #d3e8ff

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

### #879bbf は何色ですか？

#879bbf はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(135, 155, 191)、HSLでは hsl(218.57, 30.43%, 63.92%)、OKLCHでは oklch(68.682% 0.05799 262.103) です。

### #879bbf に合う色は？

#879bbf の補色は #ac9771 です。落ち着いた組み合わせにするなら、類似色の #76a1b8 と #9b94bc を使いましょう。トライアドの組み合わせは #bc8d8a と #86a483 です。

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

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

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

#879bbf は寒色系の色です。OKLCHでは色相 262度、明度 68.7%、クロマ 0.058 です。