# カラーコード #9bbff8：鮮やかな 明るい青

#9bbff8 はRGBで rgb(155, 191, 248)、OKLCHで oklch(79.925% 0.09032 259.436) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/9bbff8

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9bbff8 |
| RGB | rgb(155, 191, 248) |
| HSL | hsl(216.77, 86.92%, 79.02%) |
| HSB / HSV | hsv(216.77 37.5% 97.25%) |
| HWB | hwb(216.77 60.78% 2.75%) |
| CMYK | cmyk(38% 23% 0% 3%) |
| Lab | lab(76.27 -2.05 -32.51) |
| LCH | lch(76.27 32.57 266.4) |
| OKLab | oklab(79.925% -0.01656 -0.08879) |
| OKLCH | oklch(79.925% 0.09032 259.436) |
| Display P3 | color(display-p3 0.63591 0.74488 0.95376) |
| Rec. 2020 | color(rec2020 0.643 0.71435 0.94484) |
| Adobe RGB | color(a98-rgb 0.64623 0.74343 0.96351) |
| ProPhoto RGB | color(prophoto-rgb 0.66317 0.69073 0.93099) |
| 線形sRGB | color(srgb-linear 0.32778 0.521 0.93869) |
| XYZ D65 | color(xyz-d65 0.49089 0.51006 0.96069) |
| XYZ D50 | color(xyz-d50 0.4779 0.50333 0.72546) |
| SwiftUI | Color(red: 0.608, green: 0.749, blue: 0.973) |
| UIKit | UIColor(red: 0.608, green: 0.749, blue: 0.973, alpha: 1) |
| Flutter / Compose | Color(0xFF9BBFF8) |
| Android XML | #9BBFF8 |

## 基本情報

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

## ティント

#9bbff8, #a5c5f9, #afccfa, #b9d2fb, #c3d9fc, #cddffd, #d7e6fd, #e1ecfe, #ebf2fe, #f5f9ff

## シェード

#9bbff8, #86a6d8, #728db8, #5e759a, #4b5e7c, #394860, #283345, #181f2c, #090d15, #010203

## トーン

#9bbff8, #9fbff2, #a2bfed, #a6bfe7, #a9bfe1, #adbfdb, #b0bfd5, #b3becf, #b7bec9, #babec3

## カラーハーモニー

- 補色: #9bbff8, #ddb779
- 分裂補色: #9bbff8, #eead89, #c1c37e
- 類似色: #9bbff8, #7dc9ec, #bcb4f4
- トライアド: #9bbff8, #f2a6a6, #9fcc94
- テトラード: #9bbff8, #d7abe2, #ddb779, #9fcc94
- スクエア: #9bbff8, #eaa6c6, #ddb779, #80d1b4
- モノクロマティック: #9bbff8, #5475a9, #7799d0, #cde6ff, #e7f6ff

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

### #9bbff8 は何色ですか？

#9bbff8 は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(155, 191, 248)、HSLでは hsl(216.77, 86.92%, 79.02%)、OKLCHでは oklch(79.925% 0.09032 259.436) です。

### #9bbff8 に合う色は？

#9bbff8 の補色は #ddb779 です。落ち着いた組み合わせにするなら、類似色の #7dc9ec と #bcb4f4 を使いましょう。トライアドの組み合わせは #f2a6a6 と #9fcc94 です。

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

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

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

#9bbff8 は寒色系の色です。OKLCHでは色相 259度、明度 79.9%、クロマ 0.09 です。