# カラーコード #45a4bc：鮮やかな 空色

#45a4bc はRGBで rgb(69, 164, 188)、OKLCHで oklch(67.187% 0.09487 217.269) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/45a4bc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #45a4bc |
| RGB | rgb(69, 164, 188) |
| HSL | hsl(192.1, 47.04%, 50.39%) |
| HSB / HSV | hsv(192.1 63.3% 73.73%) |
| HWB | hwb(192.1 27.06% 26.27%) |
| CMYK | cmyk(63% 13% 0% 26%) |
| Lab | lab(62.5 -23.45 -21.25) |
| LCH | lch(62.5 31.64 222.18) |
| OKLab | oklab(67.187% -0.0755 -0.05745) |
| OKLCH | oklch(67.187% 0.09487 217.269) |
| Display P3 | color(display-p3 0.3732 0.63496 0.72591) |
| Rec. 2020 | color(rec2020 0.41057 0.58716 0.69377) |
| Adobe RGB | color(a98-rgb 0.41989 0.63726 0.72798) |
| ProPhoto RGB | color(prophoto-rgb 0.43635 0.55301 0.66507) |
| 線形sRGB | color(srgb-linear 0.05951 0.37124 0.50289) |
| XYZ D65 | color(xyz-d65 0.24805 0.31446 0.52341) |
| XYZ D50 | color(xyz-d50 0.24089 0.30986 0.39598) |
| SwiftUI | Color(red: 0.271, green: 0.643, blue: 0.737) |
| UIKit | UIColor(red: 0.271, green: 0.643, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF45A4BC) |
| Android XML | #45A4BC |

## 基本情報

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

## ティント

#45a4bc, #5cadc3, #70b6c9, #83bfd0, #95c8d7, #a7d1de, #b9dbe4, #cbe4eb, #dcedf2, #eef6f8

## シェード

#45a4bc, #3b8ea3, #31798b, #276473, #1e505d, #153d47, #0c2b32, #051a1f, #020a0d, #000102

## トーン

#45a4bc, #51a3b8, #5ba2b4, #65a0b1, #6d9fad, #759da9, #7c9ca5, #839aa1, #89999d, #90979a

## カラーハーモニー

- 補色: #45a4bc, #c8816b
- 分裂補色: #45a4bc, #c87d8b, #bd8a53
- 類似色: #45a4bc, #42a9a0, #649bcd
- トライアド: #45a4bc, #bc7fab, #a6964e
- テトラード: #45a4bc, #8790d0, #c8816b, #a6964e
- スクエア: #45a4bc, #a586c3, #c8816b, #86a160
- モノクロマティック: #45a4bc, #005c72, #127f96, #6ecae3, #95f2ff

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

### #45a4bc は何色ですか？

#45a4bc は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(69, 164, 188)、HSLでは hsl(192.1, 47.04%, 50.39%)、OKLCHでは oklch(67.187% 0.09487 217.269) です。

### #45a4bc に合う色は？

#45a4bc の補色は #c8816b です。落ち着いた組み合わせにするなら、類似色の #42a9a0 と #649bcd を使いましょう。トライアドの組み合わせは #bc7fab と #a6964e です。

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

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

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

#45a4bc は寒色系の色です。OKLCHでは色相 217度、明度 67.2%、クロマ 0.095 です。