# カラーコード #96bcfd：鮮やかな 明るい青

#96bcfd はRGBで rgb(150, 188, 253)、OKLCHで oklch(79.21% 0.10184 260.896) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/96bcfd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #96bcfd |
| RGB | rgb(150, 188, 253) |
| HSL | hsl(217.86, 96.26%, 79.02%) |
| HSB / HSV | hsv(217.86 40.71% 99.22%) |
| HWB | hwb(217.86 58.82% 0.78%) |
| CMYK | cmyk(41% 26% 0% 1%) |
| Lab | lab(75.32 -0.91 -36.67) |
| LCH | lch(75.32 36.68 268.57) |
| OKLab | oklab(79.21% -0.01611 -0.10056) |
| OKLCH | oklch(79.21% 0.10184 260.896) |
| Display P3 | color(display-p3 0.61813 0.73293 0.97131) |
| Rec. 2020 | color(rec2020 0.62813 0.70156 0.96414) |
| Adobe RGB | color(a98-rgb 0.6295 0.73157 0.98278) |
| ProPhoto RGB | color(prophoto-rgb 0.65392 0.67806 0.95151) |
| 線形sRGB | color(srgb-linear 0.30499 0.50289 0.98225) |
| XYZ D65 | color(xyz-d65 0.48288 0.49541 0.9995) |
| XYZ D50 | color(xyz-d50 0.46722 0.48791 0.75449) |
| SwiftUI | Color(red: 0.588, green: 0.737, blue: 0.992) |
| UIKit | UIColor(red: 0.588, green: 0.737, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF96BCFD) |
| Android XML | #96BCFD |

## 基本情報

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

## ティント

#96bcfd, #a0c3fe, #abcafe, #b5d0ff, #c0d7ff, #cadeff, #d4e5ff, #dfebff, #eaf2ff, #f4f8ff

## シェード

#96bcfd, #82a3dc, #6e8bbc, #5b739d, #495d7f, #374762, #263247, #161f2d, #080d16, #010203

## トーン

#96bcfd, #9abcf7, #9ebcf0, #a2bcea, #a5bce3, #a9bcdd, #adbcd6, #b0bccf, #b4bcc9, #b7bbc2

## カラーハーモニー

- 補色: #96bcfd, #ddb46c
- 分裂補色: #96bcfd, #f0a87f, #bec273
- 類似色: #96bcfd, #72c7f1, #bbb0f8
- トライアド: #96bcfd, #f6a19f, #97cc8e
- テトラード: #96bcfd, #d9a6e3, #ddb46c, #97cc8e
- スクエア: #96bcfd, #eea0c3, #ddb46c, #71d1b2
- モノクロマティック: #96bcfd, #4f72ae, #7296d5, #cae3ff, #e8f6ff

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

### #96bcfd は何色ですか？

#96bcfd は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(150, 188, 253)、HSLでは hsl(217.86, 96.26%, 79.02%)、OKLCHでは oklch(79.21% 0.10184 260.896) です。

### #96bcfd に合う色は？

#96bcfd の補色は #ddb46c です。落ち着いた組み合わせにするなら、類似色の #72c7f1 と #bbb0f8 を使いましょう。トライアドの組み合わせは #f6a19f と #97cc8e です。

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

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

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

#96bcfd は寒色系の色です。OKLCHでは色相 261度、明度 79.2%、クロマ 0.102 です。