# カラーコード #7fc8fa：鮮やかな 明るい空色

#7fc8fa はRGBで rgb(127, 200, 250)、OKLCHで oklch(80.367% 0.10196 239.694) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7fc8fa |
| RGB | rgb(127, 200, 250) |
| HSL | hsl(204.39, 92.48%, 73.92%) |
| HSB / HSV | hsv(204.39 49.2% 98.04%) |
| HWB | hwb(204.39 49.8% 1.96%) |
| CMYK | cmyk(49% 20% 0% 2%) |
| Lab | lab(77.23 -13.54 -32.27) |
| LCH | lch(77.23 34.99 247.24) |
| OKLab | oklab(80.367% -0.05145 -0.08803) |
| OKLCH | oklch(80.367% 0.10196 239.694) |
| Display P3 | color(display-p3 0.56304 0.77693 0.96207) |
| Rec. 2020 | color(rec2020 0.59895 0.74525 0.95457) |
| Adobe RGB | color(a98-rgb 0.59251 0.77912 0.97244) |
| ProPhoto RGB | color(prophoto-rgb 0.63167 0.71906 0.94251) |
| 線形sRGB | color(srgb-linear 0.21223 0.57758 0.95597) |
| XYZ D65 | color(xyz-d65 0.46659 0.52721 0.98163) |
| XYZ D50 | color(xyz-d50 0.45178 0.51923 0.74169) |
| SwiftUI | Color(red: 0.498, green: 0.784, blue: 0.98) |
| UIKit | UIColor(red: 0.498, green: 0.784, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF7FC8FA) |
| Android XML | #7FC8FA |

## 基本情報

- 最も近い色名: 鮮やかな 明るい空色
- 色相の系統: 空色, 鮮やかな 明るい空色
- 最も近いTailwindクラス: blue-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.82:1
- 黒とのコントラスト: 11.54:1

## ティント

#7fc8fa, #8dcefb, #9ad3fc, #a7d9fc, #b4dffd, #c1e4fe, #cde9fe, #daeffe, #e6f4ff, #f3faff

## シェード

#7fc8fa, #6eaed9, #5d94ba, #4c7b9b, #3c637d, #2d4c61, #1f3646, #11212d, #060f15, #010203

## トーン

#7fc8fa, #87c7f4, #8ec7ee, #95c6e9, #9bc5e3, #a2c4dd, #a8c3d7, #aec2d1, #b4c1cb, #b9c0c5

## カラーハーモニー

- 補色: #7fc8fa, #f0af7b
- 分裂補色: #7fc8fa, #faa698, #d9bc6f
- 類似色: #7fc8fa, #65d1e3, #a5bcff
- トライアド: #7fc8fa, #f6a3bc, #b7c97d
- テトラード: #7fc8fa, #c8b0f7, #f0af7b, #b7c97d
- スクエア: #7fc8fa, #e4a7df, #f0af7b, #8fd29c
- モノクロマティック: #7fc8fa, #337dab, #59a2d2, #bfedff, #def9ff

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

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

#7fc8fa は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(127, 200, 250)、HSLでは hsl(204.39, 92.48%, 73.92%)、OKLCHでは oklch(80.367% 0.10196 239.694) です。

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

#7fc8fa の補色は #f0af7b です。落ち着いた組み合わせにするなら、類似色の #65d1e3 と #a5bcff を使いましょう。トライアドの組み合わせは #f6a3bc と #b7c97d です。

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

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

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

#7fc8fa は寒色系の色です。OKLCHでは色相 240度、明度 80.4%、クロマ 0.102 です。