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

#63bcfe はRGBで rgb(99, 188, 254)、OKLCHで oklch(76.693% 0.12797 242.971) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/63bcfe

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #63bcfe |
| RGB | rgb(99, 188, 254) |
| HSL | hsl(205.55, 98.73%, 69.22%) |
| HSB / HSV | hsv(205.55 61.02% 99.61%) |
| HWB | hwb(205.55 38.82% 0.39%) |
| CMYK | cmyk(61% 26% 0% 0%) |
| Lab | lab(72.78 -12.96 -41.38) |
| LCH | lch(72.78 43.36 252.61) |
| OKLab | oklab(76.693% -0.05816 -0.11399) |
| OKLCH | oklch(76.693% 0.12797 242.971) |
| Display P3 | color(display-p3 0.47532 0.72896 0.97358) |
| Rec. 2020 | color(rec2020 0.52736 0.69249 0.9667) |
| Adobe RGB | color(a98-rgb 0.51511 0.73157 0.98671) |
| ProPhoto RGB | color(prophoto-rgb 0.57679 0.66471 0.95418) |
| 線形sRGB | color(srgb-linear 0.12477 0.50289 0.9911) |
| XYZ D65 | color(xyz-d65 0.41015 0.45773 1.00443) |
| XYZ D50 | color(xyz-d50 0.3899 0.44835 0.7583) |
| SwiftUI | Color(red: 0.388, green: 0.737, blue: 0.996) |
| UIKit | UIColor(red: 0.388, green: 0.737, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF63BCFE) |
| Android XML | #63BCFE |

## 基本情報

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

## ティント

#63bcfe, #75c3ff, #86caff, #96d1ff, #a5d8ff, #b5deff, #c4e5ff, #d3ecff, #e2f2ff, #f0f9ff

## シェード

#63bcfe, #55a3dd, #478bbd, #3a739e, #2e5d80, #214763, #163247, #0b1f2d, #030d16, #000203

## トーン

#63bcfe, #6ebcf7, #77bbef, #80bae8, #88bae1, #90b9d9, #98b8d2, #9fb7ca, #a6b6c3, #adb4bb

## カラーハーモニー

- 補色: #63bcfe, #eca056
- 分裂補色: #63bcfe, #fa937e, #cfb147
- 類似色: #63bcfe, #26c8e4, #98adff
- トライアド: #63bcfe, #f68fab, #a4c060
- テトラード: #63bcfe, #c49ff6, #eca056, #a4c060
- スクエア: #63bcfe, #e494d6, #eca056, #6dcb8c
- モノクロマティック: #63bcfe, #0071ae, #3a96d5, #aae1ff, #e0f9ff

## #63bcfe についてのよくある質問

### #63bcfe は何色ですか？

#63bcfe は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(99, 188, 254)、HSLでは hsl(205.55, 98.73%, 69.22%)、OKLCHでは oklch(76.693% 0.12797 242.971) です。

### #63bcfe に合う色は？

#63bcfe の補色は #eca056 です。落ち着いた組み合わせにするなら、類似色の #26c8e4 と #98adff を使いましょう。トライアドの組み合わせは #f68fab と #a4c060 です。

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

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

### #63bcfe は暖色と寒色のどちらですか？

#63bcfe は寒色系の色です。OKLCHでは色相 243度、明度 76.7%、クロマ 0.128 です。