# カラーコード #92aeeb：鮮やかな 明るい青

#92aeeb はRGBで rgb(146, 174, 235)、OKLCHで oklch(75.279% 0.09376 265.202) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/92aeeb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #92aeeb |
| RGB | rgb(146, 174, 235) |
| HSL | hsl(221.12, 68.99%, 74.71%) |
| HSB / HSV | hsv(221.12 37.87% 92.16%) |
| HWB | hwb(221.12 57.25% 7.84%) |
| CMYK | cmyk(38% 26% 0% 8%) |
| Lab | lab(70.72 1.35 -34.09) |
| LCH | lch(70.72 34.12 272.28) |
| OKLab | oklab(75.279% -0.00784 -0.09344) |
| OKLCH | oklch(75.279% 0.09376 265.202) |
| Display P3 | color(display-p3 0.59397 0.67907 0.90231) |
| Rec. 2020 | color(rec2020 0.59111 0.64352 0.88711) |
| Adobe RGB | color(a98-rgb 0.60081 0.67642 0.91067) |
| ProPhoto RGB | color(prophoto-rgb 0.60826 0.61871 0.86713) |
| 線形sRGB | color(srgb-linear 0.28744 0.42327 0.83077) |
| XYZ D65 | color(xyz-d65 0.41983 0.4238 0.84568) |
| XYZ D50 | color(xyz-d50 0.40723 0.41775 0.63835) |
| SwiftUI | Color(red: 0.573, green: 0.682, blue: 0.922) |
| UIKit | UIColor(red: 0.573, green: 0.682, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF92AEEB) |
| Android XML | #92AEEB |

## 基本情報

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

## ティント

#92aeeb, #9db6ed, #a7bef0, #b2c6f2, #bdcef4, #c7d7f6, #d2dff8, #dde7fa, #e9effc, #f4f7fd

## シェード

#92aeeb, #7e97cc, #6b80ae, #586a91, #465575, #35415b, #252e41, #161c29, #080b13, #010103

## トーン

#92aeeb, #95aee5, #98afdf, #9bafd9, #9eafd3, #a0afcd, #a3afc7, #a6afc1, #a9afbb, #acafb5

## カラーハーモニー

- 補色: #92aeeb, #caab67
- 分裂補色: #92aeeb, #dd9f74, #acb670
- 類似色: #92aeeb, #71b9e2, #b3a3e4
- トライアド: #92aeeb, #e49891, #89bf8a
- テトラード: #92aeeb, #ce9ad0, #caab67, #89bf8a
- スクエア: #92aeeb, #df96b2, #caab67, #68c2ac
- モノクロマティック: #92aeeb, #4c659d, #6e89c3, #bbd5ff, #eaf5ff

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

### #92aeeb は何色ですか？

#92aeeb は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(146, 174, 235)、HSLでは hsl(221.12, 68.99%, 74.71%)、OKLCHでは oklch(75.279% 0.09376 265.202) です。

### #92aeeb に合う色は？

#92aeeb の補色は #caab67 です。落ち着いた組み合わせにするなら、類似色の #71b9e2 と #b3a3e4 を使いましょう。トライアドの組み合わせは #e49891 と #89bf8a です。

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

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

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

#92aeeb は寒色系の色です。OKLCHでは色相 265度、明度 75.3%、クロマ 0.094 です。