# カラーコード #577795：スモーキーな 青

#577795 はRGBで rgb(87, 119, 149)、OKLCHで oklch(55.663% 0.05962 247.319) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #577795 |
| RGB | rgb(87, 119, 149) |
| HSL | hsl(209.03, 26.27%, 46.27%) |
| HSB / HSV | hsv(209.03 41.61% 58.43%) |
| HWB | hwb(209.03 34.12% 41.57%) |
| CMYK | cmyk(42% 20% 0% 42%) |
| Lab | lab(48.47 -5.67 -20.22) |
| LCH | lch(48.47 21 254.33) |
| OKLab | oklab(55.663% -0.02299 -0.05501) |
| OKLCH | oklch(55.663% 0.05962 247.319) |
| Display P3 | color(display-p3 0.36737 0.46316 0.57363) |
| Rec. 2020 | color(rec2020 0.34499 0.40838 0.52752) |
| Adobe RGB | color(a98-rgb 0.38235 0.46368 0.57469) |
| ProPhoto RGB | color(prophoto-rgb 0.35317 0.38449 0.49636) |
| 線形sRGB | color(srgb-linear 0.09531 0.18447 0.30054) |
| XYZ D65 | color(xyz-d65 0.15951 0.17389 0.30951) |
| XYZ D50 | color(xyz-d50 0.15561 0.17167 0.23385) |
| SwiftUI | Color(red: 0.341, green: 0.467, blue: 0.584) |
| UIKit | UIColor(red: 0.341, green: 0.467, blue: 0.584, alpha: 1) |
| Flutter / Compose | Color(0xFF577795) |
| Android XML | #577795 |

## 基本情報

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

## ティント

#577795, #67849f, #7791aa, #879eb4, #98acbf, #a8b9c9, #b9c7d4, #cad5df, #dce3e9, #edf1f4

## シェード

#577795, #4b6781, #3e576d, #33475a, #273848, #1c2a37, #121c26, #081016, #030508, #000101

## トーン

#577795, #5a7792, #5d768e, #60768b, #637688, #667584, #697581, #6b757e, #6e747a, #717477

## カラーハーモニー

- 補色: #577795, #8b6d4d
- 分裂補色: #577795, #93675a, #7d744b
- 類似色: #577795, #487c8a, #6a7197
- トライアド: #577795, #92656d, #6a7a54
- テトラード: #577795, #7d6a8f, #8b6d4d, #6a7a54
- スクエア: #577795, #8b6680, #8b6d4d, #567e66
- モノクロマティック: #577795, #16344f, #365571, #7a9bbb, #9fc1e2

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

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

#577795 はスモーキーな 青です。最も近い名前のある色はスモーキーな 青です。RGBでは rgb(87, 119, 149)、HSLでは hsl(209.03, 26.27%, 46.27%)、OKLCHでは oklch(55.663% 0.05962 247.319) です。

### #577795 に合う色は？

#577795 の補色は #8b6d4d です。落ち着いた組み合わせにするなら、類似色の #487c8a と #6a7197 を使いましょう。トライアドの組み合わせは #92656d と #6a7a54 です。

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

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

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

#577795 は寒色系の色です。OKLCHでは色相 247度、明度 55.7%、クロマ 0.06 です。