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

#99cbda はRGBで rgb(153, 203, 218)、OKLCHで oklch(81.211% 0.05614 218.206) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #99cbda |
| RGB | rgb(153, 203, 218) |
| HSL | hsl(193.85, 46.76%, 72.75%) |
| HSB / HSV | hsv(193.85 29.82% 85.49%) |
| HWB | hwb(193.85 60% 14.51%) |
| CMYK | cmyk(30% 7% 0% 15%) |
| Lab | lab(78.55 -14.26 -13.07) |
| LCH | lch(78.55 19.34 222.49) |
| OKLab | oklab(81.211% -0.04412 -0.03472) |
| OKLCH | oklch(81.211% 0.05614 218.206) |
| Display P3 | color(display-p3 0.64061 0.79056 0.84726) |
| Rec. 2020 | color(rec2020 0.65016 0.76044 0.82833) |
| Adobe RGB | color(a98-rgb 0.6577 0.79104 0.84853) |
| ProPhoto RGB | color(prophoto-rgb 0.65298 0.73371 0.80874) |
| 線形sRGB | color(srgb-linear 0.31855 0.5972 0.7011) |
| XYZ D65 | color(xyz-d65 0.47145 0.54545 0.74376) |
| XYZ D50 | color(xyz-d50 0.46923 0.5415 0.56307) |
| SwiftUI | Color(red: 0.6, green: 0.796, blue: 0.855) |
| UIKit | UIColor(red: 0.6, green: 0.796, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF99CBDA) |
| Android XML | #99CBDA |

## 基本情報

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

## ティント

#99cbda, #a3d0de, #aed5e1, #b8dbe5, #c2e0e9, #cce5ed, #d7eaf0, #e1eff4, #ebf5f8, #f5fafb

## シェード

#99cbda, #84b0bd, #7096a2, #5d7d87, #4a656c, #384d54, #27373c, #172225, #080f11, #010202

## トーン

#99cbda, #9ecad8, #a2c9d5, #a6c8d3, #aac7d0, #aec6ce, #b2c5cb, #b6c4c9, #bac3c6, #bec2c4

## カラーハーモニー

- 補色: #99cbda, #e3b6a8
- 分裂補色: #99cbda, #e3b3ba, #dabc9b
- 類似色: #99cbda, #98cec8, #a6c5e5
- トライアド: #99cbda, #dbb4ce, #cbc399
- テトラード: #99cbda, #b9bfe6, #e3b6a8, #cbc399
- スクエア: #99cbda, #ccb8de, #e3b6a8, #b7c9a3
- モノクロマティック: #99cbda, #50808e, #74a5b3, #bff2ff, #ceffff

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

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

#99cbda はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(153, 203, 218)、HSLでは hsl(193.85, 46.76%, 72.75%)、OKLCHでは oklch(81.211% 0.05614 218.206) です。

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

#99cbda の補色は #e3b6a8 です。落ち着いた組み合わせにするなら、類似色の #98cec8 と #a6c5e5 を使いましょう。トライアドの組み合わせは #dbb4ce と #cbc399 です。

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

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

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

#99cbda は寒色系の色です。OKLCHでは色相 218度、明度 81.2%、クロマ 0.056 です。