# カラーコード #8be6ff：パステル調の ごく明るい空色

#8be6ff はRGBで rgb(139, 230, 255)、OKLCHで oklch(87.675% 0.09352 217.379) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8be6ff

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8be6ff |
| RGB | rgb(139, 230, 255) |
| HSL | hsl(192.93, 100%, 77.25%) |
| HSB / HSV | hsv(192.93 45.49% 100%) |
| HWB | hwb(192.93 54.51% 0%) |
| CMYK | cmyk(45% 10% 0% 0%) |
| Lab | lab(86.27 -23.57 -21.17) |
| LCH | lch(86.27 31.68 221.92) |
| OKLab | oklab(87.675% -0.07431 -0.05677) |
| OKLCH | oklch(87.675% 0.09352 217.379) |
| Display P3 | color(display-p3 0.6285 0.89298 0.98769) |
| Rec. 2020 | color(rec2020 0.68023 0.87046 0.98477) |
| Adobe RGB | color(a98-rgb 0.66674 0.89903 0.99608) |
| ProPhoto RGB | color(prophoto-rgb 0.709 0.84897 0.97923) |
| 線形sRGB | color(srgb-linear 0.25818 0.7913 1) |
| XYZ D65 | color(xyz-d65 0.56991 0.693 1.04984) |
| XYZ D50 | color(xyz-d50 0.56043 0.68533 0.79451) |
| SwiftUI | Color(red: 0.545, green: 0.902, blue: 1) |
| UIKit | UIColor(red: 0.545, green: 0.902, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF8BE6FF) |
| Android XML | #8BE6FF |

## 基本情報

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

## ティント

#8be6ff, #98e9ff, #a5ebff, #b1eeff, #bdf1ff, #c9f3ff, #d4f6ff, #dff8ff, #eafaff, #f4fdff

## シェード

#8be6ff, #78c8de, #66abbe, #548e9e, #437380, #325963, #234048, #14282e, #071316, #010303

## トーン

#8be6ff, #94e5fb, #9de3f7, #a5e2f3, #ade0ef, #b5dfeb, #bcdde7, #c3dbe3, #cadadf, #d0d8da

## カラーハーモニー

- 補色: #8be6ff, #ffc2ac
- 分裂補色: #8be6ff, #ffbecc, #ffcb93
- 類似色: #8be6ff, #89ebe1, #a9dcff
- トライアド: #8be6ff, #ffbfed, #e7d78f
- テトラード: #8be6ff, #c9d2ff, #ffc2ac, #e7d78f
- スクエア: #8be6ff, #e7c7ff, #ffc2ac, #c5e3a0
- モノクロマティック: #8be6ff, #3b99b0, #64bfd7, #cdffff, #cdffff

## #8be6ff についてのよくある質問

### #8be6ff は何色ですか？

#8be6ff はパステル調の ごく明るい空色です。最も近い名前のある色はパステル調の ごく明るい空色です。RGBでは rgb(139, 230, 255)、HSLでは hsl(192.93, 100%, 77.25%)、OKLCHでは oklch(87.675% 0.09352 217.379) です。

### #8be6ff に合う色は？

#8be6ff の補色は #ffc2ac です。落ち着いた組み合わせにするなら、類似色の #89ebe1 と #a9dcff を使いましょう。トライアドの組み合わせは #ffbfed と #e7d78f です。

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

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

### #8be6ff は暖色と寒色のどちらですか？

#8be6ff は寒色系の色です。OKLCHでは色相 217度、明度 87.7%、クロマ 0.094 です。