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

#65d3ff はRGBで rgb(101, 211, 255)、OKLCHで oklch(81.921% 0.11777 227.146) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #65d3ff |
| RGB | rgb(101, 211, 255) |
| HSL | hsl(197.14, 100%, 69.8%) |
| HSB / HSV | hsv(197.14 60.39% 100%) |
| HWB | hwb(197.14 39.61% 0%) |
| CMYK | cmyk(60% 17% 0% 0%) |
| Lab | lab(79.42 -23.25 -31.7) |
| LCH | lch(79.42 39.31 233.74) |
| OKLab | oklab(81.921% -0.0801 -0.08634) |
| OKLCH | oklch(81.921% 0.11777 227.146) |
| Display P3 | color(display-p3 0.50923 0.81761 0.98216) |
| Rec. 2020 | color(rec2020 0.57674 0.78681 0.97749) |
| Adobe RGB | color(a98-rgb 0.55931 0.82292 0.99345) |
| ProPhoto RGB | color(prophoto-rgb 0.62126 0.75983 0.96866) |
| 線形sRGB | color(srgb-linear 0.13014 0.65141 1) |
| XYZ D65 | color(xyz-d65 0.46708 0.56573 1.03069) |
| XYZ D50 | color(xyz-d50 0.45072 0.55656 0.77915) |
| SwiftUI | Color(red: 0.396, green: 0.827, blue: 1) |
| UIKit | UIColor(red: 0.396, green: 0.827, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF65D3FF) |
| Android XML | #65D3FF |

## 基本情報

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

## ティント

#65d3ff, #78d8ff, #8adcff, #9ae1ff, #aae5ff, #b9eaff, #c7eeff, #d5f3ff, #e3f7ff, #f1fbff

## シェード

#65d3ff, #57b7de, #499cbe, #3c829e, #2f6980, #225163, #173a48, #0c242e, #031016, #000203

## トーン

#65d3ff, #72d2f9, #7ed0f3, #89cfee, #93cee8, #9ccce2, #a5cbdc, #adc9d6, #b5c7d0, #bcc6ca

## カラーハーモニー

- 補色: #65d3ff, #ffac80
- 分裂補色: #65d3ff, #ffa4a8, #efba67
- 類似色: #65d3ff, #50dbde, #94c6ff
- トライアド: #65d3ff, #fca4d2, #ccc96b
- テトラード: #65d3ff, #bfb8ff, #ffac80, #ccc96b
- スクエア: #65d3ff, #e3acf6, #ffac80, #9fd689
- モノクロマティック: #65d3ff, #0087b0, #38acd7, #bdf5ff, #d6fcff

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

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

#65d3ff はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(101, 211, 255)、HSLでは hsl(197.14, 100%, 69.8%)、OKLCHでは oklch(81.921% 0.11777 227.146) です。

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

#65d3ff の補色は #ffac80 です。落ち着いた組み合わせにするなら、類似色の #50dbde と #94c6ff を使いましょう。トライアドの組み合わせは #fca4d2 と #ccc96b です。

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

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

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

#65d3ff は寒色系の色です。OKLCHでは色相 227度、明度 81.9%、クロマ 0.118 です。