# カラーコード #577aba：やわらかな 青

#577aba はRGBで rgb(87, 122, 186)、OKLCHで oklch(58.166% 0.10682 261.785) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/577aba

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #577aba |
| RGB | rgb(87, 122, 186) |
| HSL | hsl(218.79, 41.77%, 53.53%) |
| HSB / HSV | hsv(218.79 53.23% 72.94%) |
| HWB | hwb(218.79 34.12% 27.06%) |
| CMYK | cmyk(53% 34% 0% 27%) |
| Lab | lab(50.74 1.6 -38.12) |
| LCH | lch(50.74 38.16 272.4) |
| OKLab | oklab(58.166% -0.01526 -0.10572) |
| OKLCH | oklch(58.166% 0.10682 261.785) |
| Display P3 | color(display-p3 0.37021 0.47465 0.7103) |
| Rec. 2020 | color(rec2020 0.36195 0.42275 0.67462) |
| Adobe RGB | color(a98-rgb 0.38648 0.4751 0.71544) |
| ProPhoto RGB | color(prophoto-rgb 0.39012 0.40117 0.64129) |
| 線形sRGB | color(srgb-linear 0.09531 0.19462 0.49102) |
| XYZ D65 | color(xyz-d65 0.19752 0.1949 0.49177) |
| XYZ D50 | color(xyz-d50 0.18677 0.19049 0.37086) |
| SwiftUI | Color(red: 0.341, green: 0.478, blue: 0.729) |
| UIKit | UIColor(red: 0.341, green: 0.478, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF577ABA) |
| Android XML | #577ABA |

## 基本情報

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

## ティント

#577aba, #6787c1, #7794c9, #87a1d0, #98aed7, #a8bcde, #b9c9e5, #cad6eb, #dce4f2, #edf1f9

## シェード

#577aba, #4b69a1, #3e5989, #334972, #273a5c, #1c2b46, #121d32, #08101e, #03050d, #000102

## トーン

#577aba, #5b7ab4, #5f7bae, #627ba8, #667ba1, #697b9b, #6d7b95, #707b8e, #747b88, #777b81

## カラーハーモニー

- 補色: #577aba, #9a7422
- 分裂補色: #577aba, #ac673b, #7d812c
- 類似色: #577aba, #2385af, #7c6eb5
- トライアド: #577aba, #b15f5e, #548b4e
- テトラード: #577aba, #9864a0, #9a7422, #548b4e
- スクエア: #577aba, #aa5f82, #9a7422, #1a8f73
- モノクロマティック: #577aba, #17356f, #365794, #7a9fe2, #9ec5ff

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

### #577aba は何色ですか？

#577aba はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(87, 122, 186)、HSLでは hsl(218.79, 41.77%, 53.53%)、OKLCHでは oklch(58.166% 0.10682 261.785) です。

### #577aba に合う色は？

#577aba の補色は #9a7422 です。落ち着いた組み合わせにするなら、類似色の #2385af と #7c6eb5 を使いましょう。トライアドの組み合わせは #b15f5e と #548b4e です。

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

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

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

#577aba は寒色系の色です。OKLCHでは色相 262度、明度 58.2%、クロマ 0.107 です。