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

#8a99c2 はRGBで rgb(138, 153, 194)、OKLCHで oklch(68.595% 0.06306 269.053) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8a99c2 |
| RGB | rgb(138, 153, 194) |
| HSL | hsl(223.93, 31.46%, 65.1%) |
| HSB / HSV | hsv(223.93 28.87% 76.08%) |
| HWB | hwb(223.93 54.12% 23.92%) |
| CMYK | cmyk(29% 21% 0% 24%) |
| Lab | lab(63.15 1.64 -23.2) |
| LCH | lch(63.15 23.25 274.04) |
| OKLab | oklab(68.595% -0.00104 -0.06305) |
| OKLCH | oklch(68.595% 0.06306 269.053) |
| Display P3 | color(display-p3 0.55221 0.59817 0.74748) |
| Rec. 2020 | color(rec2020 0.52825 0.55587 0.71647) |
| Adobe RGB | color(a98-rgb 0.55367 0.59441 0.7495) |
| ProPhoto RGB | color(prophoto-rgb 0.52684 0.52954 0.68692) |
| 線形sRGB | color(srgb-linear 0.25415 0.31855 0.53948) |
| XYZ D65 | color(xyz-d65 0.31608 0.3208 0.55567) |
| XYZ D50 | color(xyz-d50 0.3107 0.31761 0.41971) |
| SwiftUI | Color(red: 0.541, green: 0.6, blue: 0.761) |
| UIKit | UIColor(red: 0.541, green: 0.6, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF8A99C2) |
| Android XML | #8A99C2 |

## 基本情報

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

## ティント

#8a99c2, #95a3c8, #a0adce, #acb7d5, #b7c1db, #c3cbe1, #cfd5e7, #dbe0ed, #e7eaf3, #f3f4f9

## シェード

#8a99c2, #7784a8, #65708f, #535d77, #424a60, #323849, #222734, #141720, #07080e, #010102

## トーン

#8a99c2, #8c99be, #8d99ba, #8f9ab6, #909ab2, #929aae, #949aaa, #959aa6, #979aa2, #989a9e

## カラーハーモニー

- 補色: #8a99c2, #aa996d
- 分裂補色: #8a99c2, #b89173, #95a074
- 類似色: #8a99c2, #76a0bd, #9f92bc
- トライアド: #8a99c2, #be8c84, #7fa585
- テトラード: #8a99c2, #b18cad, #aa996d, #7fa585
- スクエア: #8a99c2, #bb8a99, #aa996d, #6ea79b
- モノクロマティック: #8a99c2, #465377, #67759c, #afbfe9, #d7e6ff

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

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

#8a99c2 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(138, 153, 194)、HSLでは hsl(223.93, 31.46%, 65.1%)、OKLCHでは oklch(68.595% 0.06306 269.053) です。

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

#8a99c2 の補色は #aa996d です。落ち着いた組み合わせにするなら、類似色の #76a0bd と #9f92bc を使いましょう。トライアドの組み合わせは #be8c84 と #7fa585 です。

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

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

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

#8a99c2 は寒色系の色です。OKLCHでは色相 269度、明度 68.6%、クロマ 0.063 です。