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

#8a9bc6 はRGBで rgb(138, 155, 198)、OKLCHで oklch(69.182% 0.06644 267.865) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8a9bc6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8a9bc6 |
| RGB | rgb(138, 155, 198) |
| HSL | hsl(223, 34.48%, 65.88%) |
| HSB / HSV | hsv(223 30.3% 77.65%) |
| HWB | hwb(223 54.12% 22.35%) |
| CMYK | cmyk(30% 22% 0% 22%) |
| Lab | lab(63.82 1.36 -24.4) |
| LCH | lch(63.82 24.44 273.19) |
| OKLab | oklab(69.182% -0.00248 -0.0664) |
| OKLCH | oklch(69.182% 0.06644 267.865) |
| Display P3 | color(display-p3 0.55377 0.60578 0.76253) |
| Rec. 2020 | color(rec2020 0.53229 0.56398 0.73294) |
| Adobe RGB | color(a98-rgb 0.5561 0.60219 0.76509) |
| ProPhoto RGB | color(prophoto-rgb 0.53293 0.5376 0.70395) |
| 線形sRGB | color(srgb-linear 0.25415 0.32778 0.56471) |
| XYZ D65 | color(xyz-d65 0.32394 0.32923 0.58076) |
| XYZ D50 | color(xyz-d50 0.31787 0.32576 0.43862) |
| SwiftUI | Color(red: 0.541, green: 0.608, blue: 0.776) |
| UIKit | UIColor(red: 0.541, green: 0.608, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF8A9BC6) |
| Android XML | #8A9BC6 |

## 基本情報

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

## ティント

#8a9bc6, #95a5cc, #a0afd2, #acb8d7, #b7c2dd, #c3cce3, #cfd6e9, #dbe0ee, #e7ebf4, #f3f5f9

## シェード

#8a9bc6, #7786ac, #657292, #535e7a, #424b62, #32394b, #222835, #141821, #07090e, #010102

## トーン

#8a9bc6, #8c9bc2, #8e9bbe, #8f9bba, #919cb5, #939cb1, #959cad, #969ca9, #989ca4, #9a9ca0

## カラーハーモニー

- 補色: #8a9bc6, #ad9a6c
- 分裂補色: #8a9bc6, #bc9273, #98a273
- 類似色: #8a9bc6, #75a2c1, #a093c0
- トライアド: #8a9bc6, #c28d85, #80a885
- テトラード: #8a9bc6, #b38eb1, #ad9a6c, #80a885
- スクエア: #8a9bc6, #bf8b9c, #ad9a6c, #6daa9c
- モノクロマティック: #8a9bc6, #46547b, #6777a0, #afc1ee, #d9e8ff

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

### #8a9bc6 は何色ですか？

#8a9bc6 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(138, 155, 198)、HSLでは hsl(223, 34.48%, 65.88%)、OKLCHでは oklch(69.182% 0.06644 267.865) です。

### #8a9bc6 に合う色は？

#8a9bc6 の補色は #ad9a6c です。落ち着いた組み合わせにするなら、類似色の #75a2c1 と #a093c0 を使いましょう。トライアドの組み合わせは #c28d85 と #80a885 です。

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

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

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

#8a9bc6 は寒色系の色です。OKLCHでは色相 268度、明度 69.2%、クロマ 0.066 です。