# カラーコード #899dc2：スモーキーな 青

#899dc2 はRGBで rgb(137, 157, 194)、OKLCHで oklch(69.371% 0.05921 262.626) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/899dc2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #899dc2 |
| RGB | rgb(137, 157, 194) |
| HSL | hsl(218.95, 31.84%, 64.9%) |
| HSB / HSV | hsv(218.95 29.38% 76.08%) |
| HWB | hwb(218.95 53.73% 23.92%) |
| CMYK | cmyk(29% 19% 0% 24%) |
| Lab | lab(64.17 -0.78 -21.66) |
| LCH | lch(64.17 21.67 267.94) |
| OKLab | oklab(69.371% -0.0076 -0.05872) |
| OKLCH | oklch(69.371% 0.05921 262.626) |
| Display P3 | color(display-p3 0.55223 0.61329 0.74831) |
| Rec. 2020 | color(rec2020 0.5318 0.57133 0.71759) |
| Adobe RGB | color(a98-rgb 0.55593 0.60997 0.74999) |
| ProPhoto RGB | color(prophoto-rgb 0.53057 0.54404 0.68852) |
| 線形sRGB | color(srgb-linear 0.25016 0.33716 0.53948) |
| XYZ D65 | color(xyz-d65 0.32109 0.33327 0.55782) |
| XYZ D50 | color(xyz-d50 0.31613 0.33007 0.42146) |
| SwiftUI | Color(red: 0.537, green: 0.616, blue: 0.761) |
| UIKit | UIColor(red: 0.537, green: 0.616, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF899DC2) |
| Android XML | #899DC2 |

## 基本情報

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

## ティント

#899dc2, #94a7c8, #a0b0ce, #abbad5, #b7c3db, #c3cde1, #ced7e7, #dae1ed, #e6ebf3, #f3f5f9

## シェード

#899dc2, #7688a8, #64738f, #535f77, #424c60, #313a49, #222834, #141820, #07090e, #010102

## トーン

#899dc2, #8b9dbe, #8d9dbb, #8f9db7, #919db3, #939daf, #959dac, #979da8, #999da4, #9a9ca0

## カラーハーモニー

- 補色: #899dc2, #af9a72
- 分裂補色: #899dc2, #bb937b, #9ca176
- 類似色: #899dc2, #77a3bb, #9d96bf
- トライアド: #899dc2, #bf8e8c, #88a685
- テトラード: #899dc2, #af91b2, #af9a72, #88a685
- スクエア: #899dc2, #ba8ea0, #af9a72, #76a999
- モノクロマティック: #899dc2, #455678, #66799c, #aec3e9, #d7eaff

## #899dc2 についてのよくある質問

### #899dc2 は何色ですか？

#899dc2 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(137, 157, 194)、HSLでは hsl(218.95, 31.84%, 64.9%)、OKLCHでは oklch(69.371% 0.05921 262.626) です。

### #899dc2 に合う色は？

#899dc2 の補色は #af9a72 です。落ち着いた組み合わせにするなら、類似色の #77a3bb と #9d96bf を使いましょう。トライアドの組み合わせは #bf8e8c と #88a685 です。

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

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

### #899dc2 は暖色と寒色のどちらですか？

#899dc2 は寒色系の色です。OKLCHでは色相 263度、明度 69.4%、クロマ 0.059 です。