# カラーコード #5eddec：パステル調の 明るいシアン

#5eddec はRGBで rgb(94, 221, 236)、OKLCHで oklch(83.234% 0.11303 205.955) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5eddec

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5eddec |
| RGB | rgb(94, 221, 236) |
| HSL | hsl(186.34, 78.89%, 64.71%) |
| HSB / HSV | hsv(186.34 60.17% 92.55%) |
| HWB | hwb(186.34 36.86% 7.45%) |
| CMYK | cmyk(60% 6% 0% 7%) |
| Lab | lab(81.52 -33.28 -18.53) |
| LCH | lch(81.52 38.09 209.1) |
| OKLab | oklab(83.234% -0.10163 -0.04947) |
| OKLCH | oklch(83.234% 0.11303 205.955) |
| Display P3 | color(display-p3 0.50684 0.8558 0.91529) |
| Rec. 2020 | color(rec2020 0.58137 0.82617 0.90426) |
| Adobe RGB | color(a98-rgb 0.56601 0.86291 0.92079) |
| ProPhoto RGB | color(prophoto-rgb 0.6142 0.798 0.8913) |
| 線形sRGB | color(srgb-linear 0.11193 0.72306 0.8388) |
| XYZ D65 | color(xyz-d65 0.4561 0.60146 0.88565) |
| XYZ D50 | color(xyz-d50 0.44731 0.5941 0.67074) |
| SwiftUI | Color(red: 0.369, green: 0.867, blue: 0.925) |
| UIKit | UIColor(red: 0.369, green: 0.867, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFF5EDDEC) |
| Android XML | #5EDDEC |

## 基本情報

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

## ティント

#5eddec, #74e1ee, #87e4f0, #98e8f2, #a8ebf4, #b8eff6, #c7f2f8, #d5f5fa, #e3f9fb, #f1fcfd

## シェード

#5eddec, #51c0cd, #44a4af, #378892, #2b6e76, #1f555b, #143d42, #0a2629, #031113, #000203

## トーン

#5eddec, #6edbe8, #7cd9e5, #88d7e1, #93d5de, #9dd3da, #a7d1d6, #b0cfd3, #b8cdcf, #c0cacc

## カラーハーモニー

- 補色: #5eddec, #ffaba2
- 分裂補色: #5eddec, #ffa9ca, #ffb57e
- 類似色: #5eddec, #6de0c5, #7ad4ff
- トライアド: #5eddec, #efaef0, #e9c36e
- テトラード: #5eddec, #a8c7ff, #ffaba2, #e9c36e
- スクエア: #5eddec, #ceb9ff, #ffaba2, #c4d17a
- モノクロマティック: #5eddec, #00909f, #2bb6c5, #a0ffff, #bbffff

## #5eddec についてのよくある質問

### #5eddec は何色ですか？

#5eddec はパステル調の 明るいシアンです。最も近い名前のある色はパステル調の 明るいシアンです。RGBでは rgb(94, 221, 236)、HSLでは hsl(186.34, 78.89%, 64.71%)、OKLCHでは oklch(83.234% 0.11303 205.955) です。

### #5eddec に合う色は？

#5eddec の補色は #ffaba2 です。落ち着いた組み合わせにするなら、類似色の #6de0c5 と #7ad4ff を使いましょう。トライアドの組み合わせは #efaef0 と #e9c36e です。

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

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

### #5eddec は暖色と寒色のどちらですか？

#5eddec は寒色系の色です。OKLCHでは色相 206度、明度 83.2%、クロマ 0.113 です。