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

#9cd5ec はRGBで rgb(156, 213, 236)、OKLCHで oklch(84.171% 0.06663 224.862) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9cd5ec |
| RGB | rgb(156, 213, 236) |
| HSL | hsl(197.25, 67.8%, 76.86%) |
| HSB / HSV | hsv(197.25 33.9% 92.55%) |
| HWB | hwb(197.25 61.18% 7.45%) |
| CMYK | cmyk(34% 10% 0% 7%) |
| Lab | lab(81.94 -14.84 -17.57) |
| LCH | lch(81.94 22.99 229.81) |
| OKLab | oklab(84.171% -0.04723 -0.047) |
| OKLCH | oklch(84.171% 0.06663 224.862) |
| Display P3 | color(display-p3 0.65881 0.8291 0.91509) |
| Rec. 2020 | color(rec2020 0.67884 0.80273 0.90345) |
| Adobe RGB | color(a98-rgb 0.67934 0.8309 0.9196) |
| ProPhoto RGB | color(prophoto-rgb 0.69058 0.77873 0.88943) |
| 線形sRGB | color(srgb-linear 0.33245 0.66539 0.8388) |
| XYZ D65 | color(xyz-d65 0.52642 0.60711 0.88304) |
| XYZ D50 | color(xyz-d50 0.52126 0.60182 0.66821) |
| SwiftUI | Color(red: 0.612, green: 0.835, blue: 0.925) |
| UIKit | UIColor(red: 0.612, green: 0.835, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF9CD5EC) |
| Android XML | #9CD5EC |

## 基本情報

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

## ティント

#9cd5ec, #a6d9ee, #b0def0, #bbe2f2, #c4e6f4, #ceeaf6, #d8eef8, #e2f3fa, #ecf7fb, #f5fbfd

## シェード

#9cd5ec, #87b9cd, #739eaf, #5f8392, #4c6a76, #39515b, #283a42, #182429, #091013, #010203

## トーン

#9cd5ec, #a1d4e9, #a6d3e5, #abd2e2, #b0d1df, #b5d0dc, #bacfd8, #beced5, #c2cdd2, #c7ccce

## カラーハーモニー

- 補色: #9cd5ec, #f1bea8
- 分裂補色: #9cd5ec, #f3babd, #e5c69b
- 類似色: #9cd5ec, #97d9d8, #aecef7
- トライアド: #9cd5ec, #ecbad5, #d1ce9c
- テトラード: #9cd5ec, #c6c6f6, #f1bea8, #d1ce9c
- スクエア: #9cd5ec, #dcbfea, #f1bea8, #b9d5aa
- モノクロマティック: #9cd5ec, #52899f, #77aec5, #cdfbff, #d4fdff

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

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

#9cd5ec はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(156, 213, 236)、HSLでは hsl(197.25, 67.8%, 76.86%)、OKLCHでは oklch(84.171% 0.06663 224.862) です。

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

#9cd5ec の補色は #f1bea8 です。落ち着いた組み合わせにするなら、類似色の #97d9d8 と #aecef7 を使いましょう。トライアドの組み合わせは #ecbad5 と #d1ce9c です。

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

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

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

#9cd5ec は寒色系の色です。OKLCHでは色相 225度、明度 84.2%、クロマ 0.067 です。