# カラーコード #545475：スモーキーな 暗いインディゴ

#545475 はRGBで rgb(84, 84, 117)、OKLCHで oklch(45.948% 0.0534 284.102) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #545475 |
| RGB | rgb(84, 84, 117) |
| HSL | hsl(240, 16.42%, 39.41%) |
| HSB / HSV | hsv(240 28.21% 45.88%) |
| HWB | hwb(240 32.94% 54.12%) |
| CMYK | cmyk(28% 28% 0% 54%) |
| Lab | lab(36.76 6.14 -18.93) |
| LCH | lch(36.76 19.91 287.97) |
| OKLab | oklab(45.948% 0.01301 -0.05179) |
| OKLCH | oklch(45.948% 0.0534 284.102) |
| Display P3 | color(display-p3 0.32941 0.32941 0.44909) |
| Rec. 2020 | color(rec2020 0.27734 0.27207 0.39407) |
| Adobe RGB | color(a98-rgb 0.33229 0.33229 0.45177) |
| ProPhoto RGB | color(prophoto-rgb 0.2801 0.26432 0.3686) |
| 線形sRGB | color(srgb-linear 0.08866 0.08866 0.17789) |
| XYZ D65 | color(xyz-d65 0.10037 0.0951 0.18137) |
| XYZ D50 | color(xyz-d50 0.09826 0.09406 0.13687) |
| SwiftUI | Color(red: 0.329, green: 0.329, blue: 0.459) |
| UIKit | UIColor(red: 0.329, green: 0.329, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF545475) |
| Android XML | #545475 |

## 基本情報

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

## ティント

#545475, #636482, #737490, #83849d, #9495ab, #a5a6b8, #b6b7c6, #c8c9d4, #dadae2, #ecedf1

## シェード

#545475, #484865, #3c3c55, #313146, #262637, #1b1b29, #11111c, #08080f, #020205, #000001

## トーン

#545475, #545472, #55556f, #55556c, #55566a, #565667, #565764, #565761, #57575e, #57575b

## カラーハーモニー

- 補色: #545475, #5d5a36
- 分裂補色: #545475, #6a5435, #4c5f40
- 類似色: #545475, #435a75, #634f6d
- トライアド: #545475, #714e3f, #3a6150
- テトラード: #545475, #6e4c5f, #5d5a36, #3a6150
- スクエア: #545475, #734c4f, #5d5a36, #306161
- モノクロマティック: #545475, #181632, #343453, #767699, #9a9abf

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

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

#545475 はスモーキーな 暗いインディゴです。最も近い名前のある色はスモーキーな 暗いインディゴです。RGBでは rgb(84, 84, 117)、HSLでは hsl(240, 16.42%, 39.41%)、OKLCHでは oklch(45.948% 0.0534 284.102) です。

### #545475 に合う色は？

#545475 の補色は #5d5a36 です。落ち着いた組み合わせにするなら、類似色の #435a75 と #634f6d を使いましょう。トライアドの組み合わせは #714e3f と #3a6150 です。

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

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

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

#545475 は寒色系の色です。OKLCHでは色相 284度、明度 45.9%、クロマ 0.053 です。