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

#7cd0fd はRGBで rgb(124, 208, 253)、OKLCHで oklch(82.096% 0.10353 233.389) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7cd0fd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7cd0fd |
| RGB | rgb(124, 208, 253) |
| HSL | hsl(200.93, 96.99%, 73.92%) |
| HSB / HSV | hsv(200.93 50.99% 99.22%) |
| HWB | hwb(200.93 48.63% 0.78%) |
| CMYK | cmyk(51% 18% 0% 1%) |
| Lab | lab(79.42 -17.42 -30.55) |
| LCH | lch(79.42 35.16 240.31) |
| OKLab | oklab(82.096% -0.06174 -0.08311) |
| OKLCH | oklch(82.096% 0.10353 233.389) |
| Display P3 | color(display-p3 0.56365 0.80744 0.97473) |
| Rec. 2020 | color(rec2020 0.60916 0.77757 0.96905) |
| Adobe RGB | color(a98-rgb 0.59887 0.81095 0.98522) |
| ProPhoto RGB | color(prophoto-rgb 0.64409 0.75183 0.95918) |
| 線形sRGB | color(srgb-linear 0.20156 0.63076 0.98225) |
| XYZ D65 | color(xyz-d65 0.48595 0.56487 1.01274) |
| XYZ D50 | color(xyz-d50 0.47137 0.55657 0.76547) |
| SwiftUI | Color(red: 0.486, green: 0.816, blue: 0.992) |
| UIKit | UIColor(red: 0.486, green: 0.816, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF7CD0FD) |
| Android XML | #7CD0FD |

## 基本情報

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

## ティント

#7cd0fd, #8bd5fe, #99dafe, #a6dffe, #b4e3ff, #c1e8ff, #cdedff, #daf1ff, #e6f6ff, #f3fbff

## シェード

#7cd0fd, #6bb5dc, #5a9abc, #4a809d, #3b677f, #2c4f62, #1e3947, #11232d, #051016, #010203

## トーン

#7cd0fd, #85cff7, #8dcef2, #95cdec, #9dcce7, #a4cbe1, #abcadb, #b2c8d6, #b8c7d0, #bec6ca

## カラーハーモニー

- 補色: #7cd0fd, #fab284
- 分裂補色: #7cd0fd, #ffaaa4, #e5bf74
- 類似色: #7cd0fd, #67d8e3, #a2c4ff
- トライアド: #7cd0fd, #faa8ca, #c4cc7c
- テトラード: #7cd0fd, #c7b8ff, #fab284, #c4cc7c
- スクエア: #7cd0fd, #e6aeeb, #fab284, #9cd699
- モノクロマティック: #7cd0fd, #2c84ae, #55a9d5, #c5f3ff, #dafbff

## #7cd0fd についてのよくある質問

### #7cd0fd は何色ですか？

#7cd0fd はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(124, 208, 253)、HSLでは hsl(200.93, 96.99%, 73.92%)、OKLCHでは oklch(82.096% 0.10353 233.389) です。

### #7cd0fd に合う色は？

#7cd0fd の補色は #fab284 です。落ち着いた組み合わせにするなら、類似色の #67d8e3 と #a2c4ff を使いましょう。トライアドの組み合わせは #faa8ca と #c4cc7c です。

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

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

### #7cd0fd は暖色と寒色のどちらですか？

#7cd0fd は寒色系の色です。OKLCHでは色相 233度、明度 82.1%、クロマ 0.104 です。