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

#65dcfb はRGBで rgb(101, 220, 251)、OKLCHで oklch(83.79% 0.11459 217.598) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/65dcfb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #65dcfb |
| RGB | rgb(101, 220, 251) |
| HSL | hsl(192.4, 94.94%, 69.02%) |
| HSB / HSV | hsv(192.4 59.76% 98.43%) |
| HWB | hwb(192.4 39.61% 1.57%) |
| CMYK | cmyk(60% 12% 0% 2%) |
| Lab | lab(81.87 -28.23 -25.88) |
| LCH | lch(81.87 38.29 222.51) |
| OKLab | oklab(83.79% -0.09079 -0.06991) |
| OKLCH | oklch(83.79% 0.11459 217.598) |
| Display P3 | color(display-p3 0.5211 0.85228 0.96968) |
| Rec. 2020 | color(rec2020 0.59407 0.82367 0.96421) |
| Adobe RGB | color(a98-rgb 0.57574 0.8589 0.97902) |
| ProPhoto RGB | color(prophoto-rgb 0.63437 0.79727 0.95549) |
| 線形sRGB | color(srgb-linear 0.13014 0.71569 0.96469) |
| XYZ D65 | color(xyz-d65 0.4837 0.60916 1.00479) |
| XYZ D50 | color(xyz-d50 0.47042 0.6005 0.76017) |
| SwiftUI | Color(red: 0.396, green: 0.863, blue: 0.984) |
| UIKit | UIColor(red: 0.396, green: 0.863, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFF65DCFB) |
| Android XML | #65DCFB |

## 基本情報

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

## ティント

#65dcfb, #79e0fc, #8be4fc, #9be7fd, #abebfd, #baeefe, #c8f2fe, #d6f5fe, #e4f9ff, #f2fcff

## シェード

#65dcfb, #57bfda, #49a3ba, #3c889c, #2f6e7e, #225461, #173c46, #0c262d, #031115, #000203

## トーン

#65dcfb, #74daf6, #80d9f1, #8cd7ec, #96d5e8, #a0d4e3, #a9d2de, #b2d0d9, #baced4, #c2cccf

## カラーハーモニー

- 補色: #65dcfb, #ffaf94
- 分裂補色: #65dcfb, #ffaabc, #fcbb75
- 類似色: #65dcfb, #61e2d7, #90d0ff
- トライアド: #65dcfb, #fbade4, #decb6f
- テトラード: #65dcfb, #b9c4ff, #ffaf94, #decb6f
- スクエア: #65dcfb, #deb6ff, #ffaf94, #b5d886
- モノクロマティック: #65dcfb, #008fac, #36b5d3, #c2fcff, #cdffff

## #65dcfb についてのよくある質問

### #65dcfb は何色ですか？

#65dcfb はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(101, 220, 251)、HSLでは hsl(192.4, 94.94%, 69.02%)、OKLCHでは oklch(83.79% 0.11459 217.598) です。

### #65dcfb に合う色は？

#65dcfb の補色は #ffaf94 です。落ち着いた組み合わせにするなら、類似色の #61e2d7 と #90d0ff を使いましょう。トライアドの組み合わせは #fbade4 と #decb6f です。

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

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

### #65dcfb は暖色と寒色のどちらですか？

#65dcfb は寒色系の色です。OKLCHでは色相 218度、明度 83.8%、クロマ 0.115 です。