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

#7dd3fa はRGBで rgb(125, 211, 250)、OKLCHで oklch(82.68% 0.09967 229.011) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7dd3fa |
| RGB | rgb(125, 211, 250) |
| HSL | hsl(198.72, 92.59%, 73.53%) |
| HSB / HSV | hsv(198.72 50% 98.04%) |
| HWB | hwb(198.72 49.02% 1.96%) |
| CMYK | cmyk(50% 16% 0% 2%) |
| Lab | lab(80.21 -19.24 -27.75) |
| LCH | lch(80.21 33.77 235.26) |
| OKLab | oklab(82.68% -0.06538 -0.07523) |
| OKLCH | oklch(82.68% 0.09967 229.011) |
| Display P3 | color(display-p3 0.5697 0.81903 0.96448) |
| Rec. 2020 | color(rec2020 0.61578 0.78981 0.95789) |
| Adobe RGB | color(a98-rgb 0.60589 0.82292 0.97387) |
| ProPhoto RGB | color(prophoto-rgb 0.64802 0.76407 0.94749) |
| 線形sRGB | color(srgb-linear 0.20508 0.65141 0.95597) |
| XYZ D65 | color(xyz-d65 0.49004 0.57849 0.99029) |
| XYZ D50 | color(xyz-d50 0.4771 0.57056 0.74875) |
| SwiftUI | Color(red: 0.49, green: 0.827, blue: 0.98) |
| UIKit | UIColor(red: 0.49, green: 0.827, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF7DD3FA) |
| Android XML | #7DD3FA |

## 基本情報

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

## ティント

#7dd3fa, #8cd8fb, #9adcfb, #a7e1fc, #b4e5fd, #c1eafd, #ceeefe, #daf2fe, #e7f7ff, #f3fbff

## シェード

#7dd3fa, #6cb7d9, #5b9cba, #4b829b, #3b697d, #2c5161, #1e3a46, #11242d, #051015, #010203

## トーン

#7dd3fa, #86d2f5, #8fd1f0, #97d0eb, #9ecee6, #a6cde0, #adccdb, #b3cbd6, #bac9d1, #c0c8cb

## カラーハーモニー

- 補色: #7dd3fa, #fcb38c
- 分裂補色: #7dd3fa, #ffacad, #e9bf7a
- 類似色: #7dd3fa, #6edadf, #9fc8ff
- トライアド: #7dd3fa, #f8acd1, #cbcc7e
- テトラード: #7dd3fa, #c4bcff, #fcb38c, #cbcc7e
- スクエア: #7dd3fa, #e3b2f0, #fcb38c, #a5d698
- モノクロマティック: #7dd3fa, #2c87ab, #56acd2, #c6f6ff, #d8fcff

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

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

#7dd3fa はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(125, 211, 250)、HSLでは hsl(198.72, 92.59%, 73.53%)、OKLCHでは oklch(82.68% 0.09967 229.011) です。

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

#7dd3fa の補色は #fcb38c です。落ち着いた組み合わせにするなら、類似色の #6edadf と #9fc8ff を使いましょう。トライアドの組み合わせは #f8acd1 と #cbcc7e です。

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

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

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

#7dd3fa は寒色系の色です。OKLCHでは色相 229度、明度 82.7%、クロマ 0.1 です。