# カラーコード #99ccfa：パステル調の 明るい空色

#99ccfa はRGBで rgb(153, 204, 250)、OKLCHで oklch(82.603% 0.08412 246.252) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/99ccfa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #99ccfa |
| RGB | rgb(153, 204, 250) |
| HSL | hsl(208.45, 90.65%, 79.02%) |
| HSB / HSV | hsv(208.45 38.8% 98.04%) |
| HWB | hwb(208.45 60% 1.96%) |
| CMYK | cmyk(39% 18% 0% 2%) |
| Lab | lab(79.71 -8.66 -28.35) |
| LCH | lch(79.71 29.64 253.02) |
| OKLab | oklab(82.603% -0.03388 -0.07699) |
| OKLCH | oklch(82.603% 0.08412 246.252) |
| Display P3 | color(display-p3 0.64153 0.79439 0.96379) |
| Rec. 2020 | color(rec2020 0.66052 0.76642 0.95668) |
| Adobe RGB | color(a98-rgb 0.65912 0.79502 0.97295) |
| ProPhoto RGB | color(prophoto-rgb 0.68216 0.74289 0.94535) |
| 線形sRGB | color(srgb-linear 0.31855 0.60383 0.95597) |
| XYZ D65 | color(xyz-d65 0.51982 0.56859 0.98681) |
| XYZ D50 | color(xyz-d50 0.50825 0.5617 0.74572) |
| SwiftUI | Color(red: 0.6, green: 0.8, blue: 0.98) |
| UIKit | UIColor(red: 0.6, green: 0.8, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF99CCFA) |
| Android XML | #99CCFA |

## 基本情報

- 最も近い色名: パステル調の 明るい空色
- 色相の系統: 空色, パステル調の 明るい空色
- 最も近いTailwindクラス: blue-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.7:1
- 黒とのコントラスト: 12.37:1

## ティント

#99ccfa, #a3d1fb, #aed6fc, #b8dcfc, #c2e1fd, #cce6fd, #d7ebfe, #e1f0fe, #ebf5ff, #f5faff

## シェード

#99ccfa, #84b1d9, #7097ba, #5d7e9b, #4a657d, #384e61, #273746, #17222d, #080f15, #010203

## トーン

#99ccfa, #9eccf5, #a3cbf0, #a7cbeb, #accae6, #b1c9e0, #b5c9db, #b9c8d6, #bec7d1, #c2c7cb

## カラーハーモニー

- 補色: #99ccfa, #ecbc8b
- 分裂補色: #99ccfa, #f7b3a0, #d6c687
- 類似色: #99ccfa, #84d4e9, #b7c2fd
- トライアド: #99ccfa, #f6b0bd, #b8d095
- テトラード: #99ccfa, #d4b8f2, #ecbc8b, #b8d095
- スクエア: #99ccfa, #eab2db, #ecbc8b, #99d7b0
- モノクロマティック: #99ccfa, #5081ab, #74a6d2, #d3f1ff, #e2f8ff

## #99ccfa についてのよくある質問

### #99ccfa は何色ですか？

#99ccfa はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(153, 204, 250)、HSLでは hsl(208.45, 90.65%, 79.02%)、OKLCHでは oklch(82.603% 0.08412 246.252) です。

### #99ccfa に合う色は？

#99ccfa の補色は #ecbc8b です。落ち着いた組み合わせにするなら、類似色の #84d4e9 と #b7c2fd を使いましょう。トライアドの組み合わせは #f6b0bd と #b8d095 です。

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

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

### #99ccfa は暖色と寒色のどちらですか？

#99ccfa は寒色系の色です。OKLCHでは色相 246度、明度 82.6%、クロマ 0.084 です。