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

#96d5ea はRGBで rgb(150, 213, 234)、OKLCHで oklch(83.765% 0.07021 220.68) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #96d5ea |
| RGB | rgb(150, 213, 234) |
| HSL | hsl(195, 66.67%, 75.29%) |
| HSB / HSV | hsv(195 35.9% 91.76%) |
| HWB | hwb(195 58.82% 8.24%) |
| CMYK | cmyk(36% 9% 0% 8%) |
| Lab | lab(81.55 -16.93 -17.12) |
| LCH | lch(81.55 24.08 225.33) |
| OKLab | oklab(83.765% -0.05325 -0.04577) |
| OKLCH | oklch(83.765% 0.07021 220.68) |
| Display P3 | color(display-p3 0.64136 0.82859 0.9076) |
| Rec. 2020 | color(rec2020 0.66516 0.80142 0.89522) |
| Adobe RGB | color(a98-rgb 0.66496 0.8309 0.91184) |
| ProPhoto RGB | color(prophoto-rgb 0.67794 0.77659 0.88066) |
| 線形sRGB | color(srgb-linear 0.30499 0.66539 0.82279) |
| XYZ D65 | color(xyz-d65 0.5122 0.60012 0.86729) |
| XYZ D50 | color(xyz-d50 0.50699 0.59474 0.65639) |
| SwiftUI | Color(red: 0.588, green: 0.835, blue: 0.918) |
| UIKit | UIColor(red: 0.588, green: 0.835, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF96D5EA) |
| Android XML | #96D5EA |

## 基本情報

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

## ティント

#96d5ea, #a1d9ec, #acdeee, #b7e2f1, #c1e6f3, #cceaf5, #d6eef7, #e0f3f9, #ebf7fb, #f5fbfd

## シェード

#96d5ea, #82b9cb, #6e9eae, #5b8391, #496a75, #37515a, #263a41, #162429, #081013, #010203

## トーン

#96d5ea, #9cd4e7, #a2d3e4, #a7d2e0, #add1dd, #b2d0da, #b7ced7, #bccdd3, #c0ccd0, #c5cbcd

## カラーハーモニー

- 補色: #96d5ea, #f3bba7
- 分裂補色: #96d5ea, #f4b7bf, #e8c398
- 類似色: #96d5ea, #93d9d4, #a8cef7
- トライアド: #96d5ea, #eab8d8, #d3cc97
- テトラード: #96d5ea, #c1c5f7, #f3bba7, #d3cc97
- スクエア: #96d5ea, #d8bdec, #f3bba7, #bad4a4
- モノクロマティック: #96d5ea, #4c899d, #70aec3, #c6fbff, #d0feff

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

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

#96d5ea はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(150, 213, 234)、HSLでは hsl(195, 66.67%, 75.29%)、OKLCHでは oklch(83.765% 0.07021 220.68) です。

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

#96d5ea の補色は #f3bba7 です。落ち着いた組み合わせにするなら、類似色の #93d9d4 と #a8cef7 を使いましょう。トライアドの組み合わせは #eab8d8 と #d3cc97 です。

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

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

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

#96d5ea は寒色系の色です。OKLCHでは色相 221度、明度 83.8%、クロマ 0.07 です。