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

#86d1ea はRGBで rgb(134, 209, 234)、OKLCHで oklch(82.055% 0.08215 221.125) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/86d1ea

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #86d1ea |
| RGB | rgb(134, 209, 234) |
| HSL | hsl(195, 70.42%, 72.16%) |
| HSB / HSV | hsv(195 42.74% 91.76%) |
| HWB | hwb(195 52.55% 8.24%) |
| CMYK | cmyk(43% 11% 0% 8%) |
| Lab | lab(79.61 -19.41 -20.12) |
| LCH | lch(79.61 27.96 226.04) |
| OKLab | oklab(82.055% -0.06188 -0.05403) |
| OKLCH | oklch(82.055% 0.08215 221.125) |
| Display P3 | color(display-p3 0.59198 0.81199 0.90603) |
| Rec. 2020 | color(rec2020 0.62458 0.78214 0.89324) |
| Adobe RGB | color(a98-rgb 0.62212 0.81494 0.91126) |
| ProPhoto RGB | color(prophoto-rgb 0.64357 0.75539 0.87796) |
| 線形sRGB | color(srgb-linear 0.2384 0.6376 0.82279) |
| XYZ D65 | color(xyz-d65 0.4748 0.56608 0.86269) |
| XYZ D50 | color(xyz-d50 0.46725 0.56 0.65277) |
| SwiftUI | Color(red: 0.525, green: 0.82, blue: 0.918) |
| UIKit | UIColor(red: 0.525, green: 0.82, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF86D1EA) |
| Android XML | #86D1EA |

## 基本情報

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

## ティント

#86d1ea, #93d6ec, #a0daee, #acdff1, #b9e4f3, #c5e8f5, #d0edf7, #dcf1f9, #e8f6fb, #f3fbfd

## シェード

#86d1ea, #74b5cb, #629bae, #518191, #406875, #30505a, #213941, #132329, #061013, #010203

## トーン

#86d1ea, #8ed0e6, #95cfe3, #9bcddf, #a2ccdb, #a8cbd7, #aecad3, #b4c8d0, #b9c7cc, #bfc6c8

## カラーハーモニー

- 補色: #86d1ea, #f3b39b
- 分裂補色: #86d1ea, #f4afb7, #e6bc89
- 類似色: #86d1ea, #82d6d1, #9dc9f8
- トライアド: #86d1ea, #eab0d4, #cfc688
- テトラード: #86d1ea, #babff9, #f3b39b, #cfc688
- スクエア: #86d1ea, #d6b6ec, #f3b39b, #b2d098
- モノクロマティック: #86d1ea, #3a869d, #60abc3, #b7f7ff, #d1feff

## #86d1ea についてのよくある質問

### #86d1ea は何色ですか？

#86d1ea はパステル調の 明るい空色です。最も近い名前のある色はパステル調の 明るい空色です。RGBでは rgb(134, 209, 234)、HSLでは hsl(195, 70.42%, 72.16%)、OKLCHでは oklch(82.055% 0.08215 221.125) です。

### #86d1ea に合う色は？

#86d1ea の補色は #f3b39b です。落ち着いた組み合わせにするなら、類似色の #82d6d1 と #9dc9f8 を使いましょう。トライアドの組み合わせは #eab0d4 と #cfc688 です。

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

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

### #86d1ea は暖色と寒色のどちらですか？

#86d1ea は寒色系の色です。OKLCHでは色相 221度、明度 82.1%、クロマ 0.082 です。