# カラーコード #849dcd：スモーキーな 青

#849dcd はRGBで rgb(132, 157, 205)、OKLCHで oklch(69.485% 0.07644 263.153) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/849dcd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #849dcd |
| RGB | rgb(132, 157, 205) |
| HSL | hsl(219.45, 42.2%, 66.08%) |
| HSB / HSV | hsv(219.45 35.61% 80.39%) |
| HWB | hwb(219.45 51.76% 19.61%) |
| CMYK | cmyk(36% 23% 0% 20%) |
| Lab | lab(64.17 -0.16 -27.8) |
| LCH | lch(64.17 27.8 269.67) |
| OKLab | oklab(69.485% -0.00911 -0.07589) |
| OKLCH | oklch(69.485% 0.07644 263.153) |
| Display P3 | color(display-p3 0.53674 0.61275 0.78832) |
| Rec. 2020 | color(rec2020 0.52284 0.57084 0.76116) |
| Adobe RGB | color(a98-rgb 0.54298 0.60997 0.79227) |
| ProPhoto RGB | color(prophoto-rgb 0.5303 0.54412 0.73314) |
| 線形sRGB | color(srgb-linear 0.23074 0.33716 0.6105) |
| XYZ D65 | color(xyz-d65 0.3259 0.33427 0.62494) |
| XYZ D50 | color(xyz-d50 0.31783 0.33005 0.4719) |
| SwiftUI | Color(red: 0.518, green: 0.616, blue: 0.804) |
| UIKit | UIColor(red: 0.518, green: 0.616, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF849DCD) |
| Android XML | #849DCD |

## 基本情報

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

## ティント

#849dcd, #90a7d2, #9cb0d7, #a8badd, #b4c4e2, #c0cde7, #ccd7ec, #d9e1f1, #e5ebf5, #f2f5fa

## シェード

#849dcd, #7288b2, #607398, #4f5f7e, #3f4c66, #2f3a4e, #202838, #121823, #06090f, #010102

## トーン

#849dcd, #879dc8, #899dc4, #8c9dbf, #8e9dba, #919db5, #939db0, #959dac, #989da7, #9a9da2

## カラーハーモニー

- 補色: #849dcd, #b49965
- 分裂補色: #849dcd, #c39070, #9da26a
- 類似色: #849dcd, #6ba5c5, #9e94c8
- トライアド: #849dcd, #c88a86, #81a97e
- テトラード: #849dcd, #b48db9, #b49965, #81a97e
- スクエア: #849dcd, #c389a1, #b49965, #68ad98
- モノクロマティック: #849dcd, #405681, #6179a6, #a9c3f5, #d8eaff

## #849dcd についてのよくある質問

### #849dcd は何色ですか？

#849dcd はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(132, 157, 205)、HSLでは hsl(219.45, 42.2%, 66.08%)、OKLCHでは oklch(69.485% 0.07644 263.153) です。

### #849dcd に合う色は？

#849dcd の補色は #b49965 です。落ち着いた組み合わせにするなら、類似色の #6ba5c5 と #9e94c8 を使いましょう。トライアドの組み合わせは #c88a86 と #81a97e です。

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

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

### #849dcd は暖色と寒色のどちらですか？

#849dcd は寒色系の色です。OKLCHでは色相 263度、明度 69.5%、クロマ 0.076 です。