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

#486993 はRGBで rgb(72, 105, 147)、OKLCHで oklch(51.387% 0.07733 254.911) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/486993

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #486993 |
| RGB | rgb(72, 105, 147) |
| HSL | hsl(213.6, 34.25%, 42.94%) |
| HSB / HSV | hsv(213.6 51.02% 57.65%) |
| HWB | hwb(213.6 28.24% 42.35%) |
| CMYK | cmyk(51% 29% 0% 42%) |
| Lab | lab(43.27 -2.81 -27.12) |
| LCH | lch(43.27 27.26 264.08) |
| OKLab | oklab(51.387% -0.02013 -0.07466) |
| OKLCH | oklch(51.387% 0.07733 254.911) |
| Display P3 | color(display-p3 0.31017 0.40825 0.56295) |
| Rec. 2020 | color(rec2020 0.29042 0.35113 0.51542) |
| Adobe RGB | color(a98-rgb 0.32874 0.41069 0.5656) |
| ProPhoto RGB | color(prophoto-rgb 0.31069 0.33275 0.48339) |
| 線形sRGB | color(srgb-linear 0.0648 0.14126 0.29177) |
| XYZ D65 | color(xyz-d65 0.1299 0.13587 0.29543) |
| XYZ D50 | color(xyz-d50 0.12441 0.13338 0.22297) |
| SwiftUI | Color(red: 0.282, green: 0.412, blue: 0.576) |
| UIKit | UIColor(red: 0.282, green: 0.412, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF486993) |
| Android XML | #486993 |

## 基本情報

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

## ティント

#486993, #59779e, #6a86a9, #7c94b3, #8ea3be, #a0b2c9, #b2c1d4, #c5d0de, #d8e0e9, #ebeff4

## シェード

#486993, #3d5a7f, #334c6c, #293e59, #1f3147, #162436, #0d1825, #060c16, #020408, #000001

## トーン

#486993, #4b698f, #4f698a, #526986, #556982, #58697d, #5b6879, #5e6875, #616870, #64676c

## カラーハーモニー

- 補色: #486993, #816031
- 分裂補色: #486993, #8c5841, #6e6a31
- 類似色: #486993, #2c7089, #626192
- トライアド: #486993, #8e5459, #547143
- テトラード: #486993, #785986, #816031, #547143
- スクエア: #486993, #875571, #816031, #36755c
- モノクロマティック: #486993, #07274c, #27476f, #6a8db9, #8eb2e0

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

### #486993 は何色ですか？

#486993 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(72, 105, 147)、HSLでは hsl(213.6, 34.25%, 42.94%)、OKLCHでは oklch(51.387% 0.07733 254.911) です。

### #486993 に合う色は？

#486993 の補色は #816031 です。落ち着いた組み合わせにするなら、類似色の #2c7089 と #626192 を使いましょう。トライアドの組み合わせは #8e5459 と #547143 です。

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

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

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

#486993 は寒色系の色です。OKLCHでは色相 255度、明度 51.4%、クロマ 0.077 です。