# カラーコード #545f97：くすんだ インディゴ

#545f97 はRGBで rgb(84, 95, 151)、OKLCHで oklch(50.143% 0.09029 274.258) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/545f97

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #545f97 |
| RGB | rgb(84, 95, 151) |
| HSL | hsl(230.15, 28.51%, 46.08%) |
| HSB / HSV | hsv(230.15 44.37% 59.22%) |
| HWB | hwb(230.15 32.94% 40.78%) |
| CMYK | cmyk(44% 37% 0% 41%) |
| Lab | lab(41.3 7.42 -32.49) |
| LCH | lch(41.3 33.32 282.87) |
| OKLab | oklab(50.143% 0.0067 -0.09004) |
| OKLCH | oklch(50.143% 0.09029 274.258) |
| Display P3 | color(display-p3 0.33756 0.37121 0.5763) |
| Rec. 2020 | color(rec2020 0.30231 0.31586 0.5292) |
| Adobe RGB | color(a98-rgb 0.34453 0.37318 0.57968) |
| ProPhoto RGB | color(prophoto-rgb 0.31944 0.30418 0.49575) |
| 線形sRGB | color(srgb-linear 0.08866 0.11444 0.30947) |
| XYZ D65 | color(xyz-d65 0.13333 0.12303 0.30951) |
| XYZ D50 | color(xyz-d50 0.12701 0.12052 0.23334) |
| SwiftUI | Color(red: 0.329, green: 0.373, blue: 0.592) |
| UIKit | UIColor(red: 0.329, green: 0.373, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF545F97) |
| Android XML | #545F97 |

## 基本情報

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

## ティント

#545f97, #636ea2, #737eac, #838db7, #949dc1, #a5adcb, #b6bdd6, #c8cde0, #daddea, #eceef5

## シェード

#545f97, #485283, #3c446f, #31385c, #262c49, #1b2037, #111526, #080a17, #020308, #000001

## トーン

#545f97, #556092, #57608d, #586188, #5a6283, #5b627e, #5d6279, #5f6374, #60636e, #626369

## カラーハーモニー

- 補色: #545f97, #74621c
- 分裂補色: #545f97, #875826, #596c2e
- 類似色: #545f97, #316993, #6f568d
- トライアド: #545f97, #904f40, #34734c
- テトラード: #545f97, #834f79, #74621c, #34734c
- スクエア: #545f97, #8e4c5d, #74621c, #00746a
- モノクロマティック: #545f97, #191d4f, #353d72, #7682bd, #9aa7e5

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

### #545f97 は何色ですか？

#545f97 はくすんだ インディゴです。最も近い名前のある色はくすんだ インディゴです。RGBでは rgb(84, 95, 151)、HSLでは hsl(230.15, 28.51%, 46.08%)、OKLCHでは oklch(50.143% 0.09029 274.258) です。

### #545f97 に合う色は？

#545f97 の補色は #74621c です。落ち着いた組み合わせにするなら、類似色の #316993 と #6f568d を使いましょう。トライアドの組み合わせは #904f40 と #34734c です。

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

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

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

#545f97 は寒色系の色です。OKLCHでは色相 274度、明度 50.1%、クロマ 0.09 です。