# カラーコード #63afce：やわらかな 明るい空色

#63afce はRGBで rgb(99, 175, 206)、OKLCHで oklch(71.674% 0.08781 226.538) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #63afce |
| RGB | rgb(99, 175, 206) |
| HSL | hsl(197.38, 52.2%, 59.8%) |
| HSB / HSV | hsv(197.38 51.94% 80.78%) |
| HWB | hwb(197.38 38.82% 19.22%) |
| CMYK | cmyk(52% 15% 0% 19%) |
| Lab | lab(67.46 -18.04 -23.53) |
| LCH | lch(67.46 29.65 232.52) |
| OKLab | oklab(71.674% -0.0604 -0.06374) |
| OKLCH | oklch(71.674% 0.08781 226.538) |
| Display P3 | color(display-p3 0.45983 0.67896 0.79486) |
| Rec. 2020 | color(rec2020 0.48573 0.63655 0.76934) |
| Adobe RGB | color(a98-rgb 0.49326 0.68035 0.79838) |
| ProPhoto RGB | color(prophoto-rgb 0.50689 0.60448 0.74362) |
| 線形sRGB | color(srgb-linear 0.12477 0.42869 0.61721) |
| XYZ D65 | color(xyz-d65 0.31614 0.37767 0.64018) |
| XYZ D50 | color(xyz-d50 0.30783 0.3725 0.4841) |
| SwiftUI | Color(red: 0.388, green: 0.686, blue: 0.808) |
| UIKit | UIColor(red: 0.388, green: 0.686, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF63AFCE) |
| Android XML | #63AFCE |

## 基本情報

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

## ティント

#63afce, #74b7d3, #84bfd8, #94c7dd, #a4cfe2, #b3d7e7, #c2dfec, #d2e7f1, #e1eff5, #f0f7fa

## シェード

#63afce, #5598b3, #478198, #3a6b7f, #2e5666, #21414e, #162e38, #0b1c23, #030b0f, #000102

## トーン

#63afce, #6baeca, #73adc6, #7aacc1, #81abbd, #87aab9, #8da9b5, #93a7b0, #99a6ac, #9ea5a8

## カラーハーモニー

- 補色: #63afce, #d29374
- 分裂補色: #63afce, #d58d90, #c39c63
- 類似色: #63afce, #58b5b6, #80a6da
- トライアド: #63afce, #cc8daf, #aaa865
- テトラード: #63afce, #9f9cd8, #d29374, #aaa865
- スクエア: #63afce, #ba93c9, #d29374, #8ab17a
- モノクロマティック: #63afce, #0d6683, #3c8aa8, #89d6f6, #cbf9ff

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

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

#63afce はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(99, 175, 206)、HSLでは hsl(197.38, 52.2%, 59.8%)、OKLCHでは oklch(71.674% 0.08781 226.538) です。

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

#63afce の補色は #d29374 です。落ち着いた組み合わせにするなら、類似色の #58b5b6 と #80a6da を使いましょう。トライアドの組み合わせは #cc8daf と #aaa865 です。

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

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

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

#63afce は寒色系の色です。OKLCHでは色相 227度、明度 71.7%、クロマ 0.088 です。