# カラーコード #586ca2：くすんだ 青

#586ca2 はRGBで rgb(88, 108, 162)、OKLCHで oklch(53.866% 0.08839 267.898) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/586ca2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #586ca2 |
| RGB | rgb(88, 108, 162) |
| HSL | hsl(223.78, 29.6%, 49.02%) |
| HSB / HSV | hsv(223.78 45.68% 63.53%) |
| HWB | hwb(223.78 34.51% 36.47%) |
| CMYK | cmyk(46% 33% 0% 36%) |
| Lab | lab(45.79 3.77 -31.96) |
| LCH | lch(45.79 32.18 276.74) |
| OKLab | oklab(53.866% -0.00324 -0.08833) |
| OKLCH | oklch(53.866% 0.08839 267.898) |
| Display P3 | color(display-p3 0.36056 0.42121 0.61927) |
| Rec. 2020 | color(rec2020 0.33389 0.36705 0.57577) |
| Adobe RGB | color(a98-rgb 0.37031 0.422 0.62252) |
| ProPhoto RGB | color(prophoto-rgb 0.35107 0.34954 0.54195) |
| 線形sRGB | color(srgb-linear 0.09759 0.14996 0.36131) |
| XYZ D65 | color(xyz-d65 0.15908 0.15408 0.36319) |
| XYZ D50 | color(xyz-d50 0.15201 0.15112 0.27393) |
| SwiftUI | Color(red: 0.345, green: 0.424, blue: 0.635) |
| UIKit | UIColor(red: 0.345, green: 0.424, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF586CA2) |
| Android XML | #586CA2 |

## 基本情報

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

## ティント

#586ca2, #677aac, #7788b5, #8797be, #97a5c8, #a8b4d1, #b9c2da, #cad1e4, #dbe0ed, #edf0f6

## シェード

#586ca2, #4b5d8c, #3f4e77, #334063, #28324f, #1d253c, #12192a, #090d19, #03040a, #000001

## トーン

#586ca2, #5a6c9d, #5c6d98, #5f6d93, #616e8e, #636e89, #656e83, #686e7e, #6a6e79, #6c6e74

## カラーハーモニー

- 補色: #586ca2, #846b2a
- 分裂補色: #586ca2, #956137, #6a7536
- 類似色: #586ca2, #36759c, #74639b
- トライアド: #586ca2, #9b5951, #487c50
- テトラード: #586ca2, #8a5b88, #846b2a, #487c50
- スクエア: #586ca2, #97586e, #846b2a, #227f6e
- モノクロマティック: #586ca2, #1a2959, #384a7d, #7a90c9, #9fb5f0

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

### #586ca2 は何色ですか？

#586ca2 はくすんだ 青です。最も近い名前のある色はくすんだ 青です。RGBでは rgb(88, 108, 162)、HSLでは hsl(223.78, 29.6%, 49.02%)、OKLCHでは oklch(53.866% 0.08839 267.898) です。

### #586ca2 に合う色は？

#586ca2 の補色は #846b2a です。落ち着いた組み合わせにするなら、類似色の #36759c と #74639b を使いましょう。トライアドの組み合わせは #9b5951 と #487c50 です。

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

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

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

#586ca2 は寒色系の色です。OKLCHでは色相 268度、明度 53.9%、クロマ 0.088 です。