# カラーコード #586bb3：やわらかな インディゴ

#586bb3 はRGBで rgb(88, 107, 179)、OKLCHで oklch(54.596% 0.11466 271.036) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #586bb3 |
| RGB | rgb(88, 107, 179) |
| HSL | hsl(227.47, 37.45%, 52.35%) |
| HSB / HSV | hsv(227.47 50.84% 70.2%) |
| HWB | hwb(227.47 34.51% 29.8%) |
| CMYK | cmyk(51% 40% 0% 30%) |
| Lab | lab(46.24 8.58 -41.16) |
| LCH | lch(46.24 42.05 281.77) |
| OKLab | oklab(54.596% 0.00207 -0.11464) |
| OKLCH | oklch(54.596% 0.11466 271.036) |
| Display P3 | color(display-p3 0.35972 0.41739 0.68198) |
| Rec. 2020 | color(rec2020 0.33836 0.36467 0.64332) |
| Adobe RGB | color(a98-rgb 0.36906 0.41823 0.68723) |
| ProPhoto RGB | color(prophoto-rgb 0.36572 0.34948 0.60861) |
| 線形sRGB | color(srgb-linear 0.09759 0.14703 0.45079) |
| XYZ D65 | color(xyz-d65 0.17418 0.15844 0.4479) |
| XYZ D50 | color(xyz-d50 0.16368 0.15444 0.33754) |
| SwiftUI | Color(red: 0.345, green: 0.42, blue: 0.702) |
| UIKit | UIColor(red: 0.345, green: 0.42, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF586BB3) |
| Android XML | #586BB3 |

## 基本情報

- 最も近い色名: やわらかな インディゴ
- 色相の系統: インディゴ, やわらかな インディゴ
- 最も近いTailwindクラス: slate-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 5.04:1
- 黒とのコントラスト: 4.17:1

## ティント

#586bb3, #677abb, #7788c3, #8697cb, #97a5d3, #a7b4db, #b8c3e2, #cad2ea, #dbe1f1, #edf0f8

## シェード

#586bb3, #4b5c9b, #3f4e84, #333f6e, #283258, #1d2543, #12182f, #090d1d, #03040c, #000001

## トーン

#586bb3, #5a6cad, #5d6da6, #5f6ea0, #616e99, #646f92, #666f8c, #697085, #6b707e, #6e7077

## カラーハーモニー

- 補色: #586bb3, #896d00
- 分裂補色: #586bb3, #9f5e1b, #677a21
- 類似色: #586bb3, #1f77ac, #7c5fa8
- トライアド: #586bb3, #a95446, #34834c
- テトラード: #586bb3, #96558f, #896d00, #34834c
- スクエア: #586bb3, #a5516c, #896d00, #008574
- モノクロマティック: #586bb3, #1c2668, #38488d, #7a8fdb, #9eb5ff

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

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

#586bb3 はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(88, 107, 179)、HSLでは hsl(227.47, 37.45%, 52.35%)、OKLCHでは oklch(54.596% 0.11466 271.036) です。

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

#586bb3 の補色は #896d00 です。落ち着いた組み合わせにするなら、類似色の #1f77ac と #7c5fa8 を使いましょう。トライアドの組み合わせは #a95446 と #34834c です。

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

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

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

#586bb3 は寒色系の色です。OKLCHでは色相 271度、明度 54.6%、クロマ 0.115 です。