# カラーコード #80cccf：やわらかな 明るいシアン

#80cccf はRGBで rgb(128, 204, 207)、OKLCHで oklch(79.699% 0.07544 198.961) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #80cccf |
| RGB | rgb(128, 204, 207) |
| HSL | hsl(182.28, 45.14%, 65.69%) |
| HSB / HSV | hsv(182.28 38.16% 81.18%) |
| HWB | hwb(182.28 50.2% 18.82%) |
| CMYK | cmyk(38% 1% 0% 19%) |
| Lab | lab(77.2 -23.95 -9.36) |
| LCH | lch(77.2 25.71 201.34) |
| OKLab | oklab(79.699% -0.07135 -0.02451) |
| OKLCH | oklch(79.699% 0.07544 198.961) |
| Display P3 | color(display-p3 0.57008 0.79235 0.80687) |
| Rec. 2020 | color(rec2020 0.59597 0.75918 0.78433) |
| Adobe RGB | color(a98-rgb 0.60102 0.79502 0.80648) |
| ProPhoto RGB | color(prophoto-rgb 0.60216 0.72908 0.76312) |
| 線形sRGB | color(srgb-linear 0.21586 0.60383 0.62396) |
| XYZ D65 | color(xyz-d65 0.41755 0.52278 0.66924) |
| XYZ D50 | color(xyz-d50 0.41597 0.51873 0.5072) |
| SwiftUI | Color(red: 0.502, green: 0.8, blue: 0.812) |
| UIKit | UIColor(red: 0.502, green: 0.8, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF80CCCF) |
| Android XML | #80CCCF |

## 基本情報

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

## ティント

#80cccf, #8ed1d4, #9bd6d9, #a8dbdd, #b5e1e2, #c2e6e7, #ceebec, #daf0f0, #e7f5f5, #f3fafa

## シェード

#80cccf, #6eb1b4, #5d9799, #4d7e7f, #3d6567, #2e4e4f, #1f3738, #122223, #060f10, #010202

## トーン

#80cccf, #87cbcd, #8ec9cb, #95c8ca, #9bc6c8, #a1c5c6, #a7c3c4, #adc1c2, #b2c0c0, #b7bebe

## カラーハーモニー

- 補色: #80cccf, #eaaaaa
- 分裂補色: #80cccf, #e3a9c4, #e6af92
- 類似色: #80cccf, #8bcdb4, #89c7e4
- トライアド: #80cccf, #d2aedc, #d7b885
- テトラード: #80cccf, #a0beee, #eaaaaa, #d7b885
- スクエア: #80cccf, #bbb5eb, #eaaaaa, #c0c188
- モノクロマティック: #80cccf, #338184, #5aa6a9, #a7f4f7, #b8ffff

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

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

#80cccf はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(128, 204, 207)、HSLでは hsl(182.28, 45.14%, 65.69%)、OKLCHでは oklch(79.699% 0.07544 198.961) です。

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

#80cccf の補色は #eaaaaa です。落ち着いた組み合わせにするなら、類似色の #8bcdb4 と #89c7e4 を使いましょう。トライアドの組み合わせは #d2aedc と #d7b885 です。

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

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

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

#80cccf は寒色系の色です。OKLCHでは色相 199度、明度 79.7%、クロマ 0.075 です。