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

#71cffd はRGBで rgb(113, 207, 253)、OKLCHで oklch(81.403% 0.11043 231.536) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/71cffd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #71cffd |
| RGB | rgb(113, 207, 253) |
| HSL | hsl(199.71, 97.22%, 71.76%) |
| HSB / HSV | hsv(199.71 55.34% 99.22%) |
| HWB | hwb(199.71 44.31% 0.78%) |
| CMYK | cmyk(55% 18% 0% 1%) |
| Lab | lab(78.67 -19.42 -31.74) |
| LCH | lch(78.67 37.2 238.54) |
| OKLab | oklab(81.403% -0.06869 -0.08646) |
| OKLCH | oklch(81.403% 0.11043 231.536) |
| Display P3 | color(display-p3 0.53372 0.80289 0.97422) |
| Rec. 2020 | color(rec2020 0.58752 0.77183 0.96844) |
| Adobe RGB | color(a98-rgb 0.57476 0.80697 0.98509) |
| ProPhoto RGB | color(prophoto-rgb 0.6269 0.74517 0.95836) |
| 線形sRGB | color(srgb-linear 0.16513 0.62396 0.98225) |
| XYZ D65 | color(xyz-d65 0.46849 0.55226 1.01123) |
| XYZ D50 | color(xyz-d50 0.45287 0.54359 0.7643) |
| SwiftUI | Color(red: 0.443, green: 0.812, blue: 0.992) |
| UIKit | UIColor(red: 0.443, green: 0.812, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF71CFFD) |
| Android XML | #71CFFD |

## 基本情報

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

## ティント

#71cffd, #82d4fe, #91d9fe, #a0defe, #aee3ff, #bce8ff, #caecff, #d7f1ff, #e5f6ff, #f2faff

## シェード

#71cffd, #61b4dc, #5299bc, #437f9d, #35677f, #274f62, #1a3847, #0e232d, #041016, #010203

## トーン

#71cffd, #7ccef7, #85cdf1, #8eccec, #97cbe6, #9fc9e0, #a6c8da, #aec7d4, #b5c5ce, #bbc4c8

## カラーハーモニー

- 補色: #71cffd, #fbae7f
- 分裂補色: #71cffd, #ffa5a3, #e6bb6b
- 類似色: #71cffd, #5ad7e0, #9ac3ff
- トライアド: #71cffd, #f9a4ca, #c4c973
- テトラード: #71cffd, #c3b5ff, #fbae7f, #c4c973
- スクエア: #71cffd, #e4aaed, #fbae7f, #99d491
- モノクロマティック: #71cffd, #1783ae, #48a8d5, #bef2ff, #d9fbff

## #71cffd についてのよくある質問

### #71cffd は何色ですか？

#71cffd はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(113, 207, 253)、HSLでは hsl(199.71, 97.22%, 71.76%)、OKLCHでは oklch(81.403% 0.11043 231.536) です。

### #71cffd に合う色は？

#71cffd の補色は #fbae7f です。落ち着いた組み合わせにするなら、類似色の #5ad7e0 と #9ac3ff を使いましょう。トライアドの組み合わせは #f9a4ca と #c4c973 です。

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

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

### #71cffd は暖色と寒色のどちらですか？

#71cffd は寒色系の色です。OKLCHでは色相 232度、明度 81.4%、クロマ 0.11 です。