# カラーコード #486f84：スモーキーな 空色

#486f84 はRGBで rgb(72, 111, 132)、OKLCHで oklch(52.111% 0.05507 232.808) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/486f84

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #486f84 |
| RGB | rgb(72, 111, 132) |
| HSL | hsl(201, 29.41%, 40%) |
| HSB / HSV | hsv(201 45.45% 51.76%) |
| HWB | hwb(201 28.24% 48.24%) |
| CMYK | cmyk(45% 16% 0% 48%) |
| Lab | lab(44.57 -9.73 -16.21) |
| LCH | lch(44.57 18.91 239.03) |
| OKLab | oklab(52.111% -0.03329 -0.04387) |
| OKLCH | oklch(52.111% 0.05507 232.808) |
| Display P3 | color(display-p3 0.3162 0.43125 0.50926) |
| Rec. 2020 | color(rec2020 0.29596 0.37339 0.4588) |
| Adobe RGB | color(a98-rgb 0.33731 0.43333 0.51034) |
| ProPhoto RGB | color(prophoto-rgb 0.3068 0.35077 0.43065) |
| 線形sRGB | color(srgb-linear 0.0648 0.15896 0.23074) |
| XYZ D65 | color(xyz-d65 0.12521 0.14412 0.23953) |
| XYZ D50 | color(xyz-d50 0.1225 0.14236 0.18111) |
| SwiftUI | Color(red: 0.282, green: 0.435, blue: 0.518) |
| UIKit | UIColor(red: 0.282, green: 0.435, blue: 0.518, alpha: 1) |
| Flutter / Compose | Color(0xFF486F84) |
| Android XML | #486F84 |

## 基本情報

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

## ティント

#486f84, #5a7d90, #6b8a9c, #7d98a8, #8fa6b4, #a1b5c0, #b3c3cd, #c6d2d9, #d9e1e6, #ecf0f2

## シェード

#486f84, #3d6072, #335160, #29424f, #1f343f, #16272f, #0d1a20, #060e12, #020406, #000101

## トーン

#486f84, #4c6f81, #506e7f, #536d7c, #576d79, #5a6c77, #5d6c74, #606b71, #636a6f, #666a6c

## カラーハーモニー

- 補色: #486f84, #83614b
- 分裂補色: #486f84, #865d5a, #796744
- 類似色: #486f84, #407377, #58698a
- トライアド: #486f84, #835c6c, #696d47
- テトラード: #486f84, #6a6487, #83614b, #696d47
- スクエア: #486f84, #795f7c, #83614b, #577254
- モノクロマティック: #486f84, #032d40, #274d61, #6b93a9, #8fb8cf

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

### #486f84 は何色ですか？

#486f84 はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(72, 111, 132)、HSLでは hsl(201, 29.41%, 40%)、OKLCHでは oklch(52.111% 0.05507 232.808) です。

### #486f84 に合う色は？

#486f84 の補色は #83614b です。落ち着いた組み合わせにするなら、類似色の #407377 と #58698a を使いましょう。トライアドの組み合わせは #835c6c と #696d47 です。

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

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

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

#486f84 は寒色系の色です。OKLCHでは色相 233度、明度 52.1%、クロマ 0.055 です。