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

#80dcda はRGBで rgb(128, 220, 218)、OKLCHで oklch(83.688% 0.08822 193.789) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/80dcda

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #80dcda |
| RGB | rgb(128, 220, 218) |
| HSL | hsl(178.7, 56.79%, 68.24%) |
| HSB / HSV | hsv(178.7 41.82% 86.27%) |
| HWB | hwb(178.7 50.2% 13.73%) |
| CMYK | cmyk(42% 0% 1% 14%) |
| Lab | lab(82.03 -29.04 -8.1) |
| LCH | lch(82.03 30.15 195.59) |
| OKLab | oklab(83.688% -0.08567 -0.02103) |
| OKLCH | oklch(83.688% 0.08822 193.789) |
| Display P3 | color(display-p3 0.58789 0.85382 0.85098) |
| Rec. 2020 | color(rec2020 0.62975 0.82546 0.83363) |
| Adobe RGB | color(a98-rgb 0.62703 0.8589 0.85123) |
| ProPhoto RGB | color(prophoto-rgb 0.64099 0.79794 0.81674) |
| 線形sRGB | color(srgb-linear 0.21586 0.71569 0.7011) |
| XYZ D65 | color(xyz-d65 0.47148 0.60836 0.7559) |
| XYZ D50 | color(xyz-d50 0.47009 0.6036 0.57314) |
| SwiftUI | Color(red: 0.502, green: 0.863, blue: 0.855) |
| UIKit | UIColor(red: 0.502, green: 0.863, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF80DCDA) |
| Android XML | #80DCDA |

## 基本情報

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

## ティント

#80dcda, #8fe0de, #9ce3e1, #aae7e5, #b7eae9, #c3eeec, #cff1f0, #dcf5f4, #e8f8f8, #f3fcfb

## シェード

#80dcda, #6ebfbd, #5da3a2, #4d8887, #3d6e6c, #2e5454, #1f3c3c, #122625, #061111, #010202

## トーン

#80dcda, #89dad8, #92d9d7, #9ad7d5, #a2d5d3, #a9d3d2, #b0d1d0, #b7cfce, #bdcdcd, #c3cbcb

## カラーハーモニー

- 補色: #80dcda, #fdb2b8
- 分裂補色: #80dcda, #f3b3d8, #fbb79b
- 類似色: #80dcda, #92dcba, #87d6f4
- トライアド: #80dcda, #deb9f2, #ecc189
- テトラード: #80dcda, #a2cdff, #fdb2b8, #ecc189
- スクエア: #80dcda, #c2c2ff, #fdb2b8, #d3cd89
- モノクロマティック: #80dcda, #2e908e, #58b5b3, #a8ffff, #b4ffff

## #80dcda についてのよくある質問

### #80dcda は何色ですか？

#80dcda はパステル調の 明るいシアンです。最も近い名前のある色はパステル調の 明るいシアンです。RGBでは rgb(128, 220, 218)、HSLでは hsl(178.7, 56.79%, 68.24%)、OKLCHでは oklch(83.688% 0.08822 193.789) です。

### #80dcda に合う色は？

#80dcda の補色は #fdb2b8 です。落ち着いた組み合わせにするなら、類似色の #92dcba と #87d6f4 を使いましょう。トライアドの組み合わせは #deb9f2 と #ecc189 です。

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

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

### #80dcda は暖色と寒色のどちらですか？

#80dcda は寒色系の色です。OKLCHでは色相 194度、明度 83.7%、クロマ 0.088 です。