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

#9cd8da はRGBで rgb(156, 216, 218)、OKLCHで oklch(84.22% 0.06111 198.656) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/9cd8da

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9cd8da |
| RGB | rgb(156, 216, 218) |
| HSL | hsl(181.94, 45.59%, 73.33%) |
| HSB / HSV | hsv(181.94 28.44% 85.49%) |
| HWB | hwb(181.94 61.18% 14.51%) |
| CMYK | cmyk(28% 1% 0% 15%) |
| Lab | lab(82.31 -19.47 -7.5) |
| LCH | lch(82.31 20.86 201.07) |
| OKLab | oklab(84.22% -0.0579 -0.01955) |
| OKLCH | oklch(84.22% 0.06111 198.656) |
| Display P3 | color(display-p3 0.66168 0.84059 0.85092) |
| Rec. 2020 | color(rec2020 0.67963 0.814 0.83324) |
| Adobe RGB | color(a98-rgb 0.68371 0.84289 0.85057) |
| ProPhoto RGB | color(prophoto-rgb 0.68132 0.78867 0.8158) |
| 線形sRGB | color(srgb-linear 0.33245 0.68669 0.7011) |
| XYZ D65 | color(xyz-d65 0.50918 0.6124 0.7547) |
| XYZ D50 | color(xyz-d50 0.50976 0.60874 0.57195) |
| SwiftUI | Color(red: 0.612, green: 0.847, blue: 0.855) |
| UIKit | UIColor(red: 0.612, green: 0.847, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF9CD8DA) |
| Android XML | #9CD8DA |

## 基本情報

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

## ティント

#9cd8da, #a6dcde, #b1e0e1, #bbe4e5, #c5e8e9, #cfecec, #d8f0f0, #e2f3f4, #ecf7f8, #f5fbfb

## シェード

#9cd8da, #87bcbd, #73a0a2, #5f8587, #4c6b6c, #395354, #283b3c, #182525, #091111, #010202

## トーン

#9cd8da, #a1d7d9, #a7d6d7, #acd4d6, #b0d3d4, #b5d2d3, #bad0d1, #becfd0, #c3cece, #c7cccd

## カラーハーモニー

- 補色: #9cd8da, #f1bcbc
- 分裂補色: #9cd8da, #ebbcd2, #edc0a9
- 類似色: #9cd8da, #a5d9c4, #a2d4eb
- トライアド: #9cd8da, #ddbfe5, #e1c79f
- テトラード: #9cd8da, #b3cdf4, #f1bcbc, #e1c79f
- スクエア: #9cd8da, #c9c5f2, #f1bcbc, #cecfa1
- モノクロマティック: #9cd8da, #528c8e, #76b1b3, #c3ffff, #c5ffff

## #9cd8da についてのよくある質問

### #9cd8da は何色ですか？

#9cd8da はパステル調の 明るいシアンです。最も近い名前のある色はパステル調の 明るいシアンです。RGBでは rgb(156, 216, 218)、HSLでは hsl(181.94, 45.59%, 73.33%)、OKLCHでは oklch(84.22% 0.06111 198.656) です。

### #9cd8da に合う色は？

#9cd8da の補色は #f1bcbc です。落ち着いた組み合わせにするなら、類似色の #a5d9c4 と #a2d4eb を使いましょう。トライアドの組み合わせは #ddbfe5 と #e1c79f です。

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

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

### #9cd8da は暖色と寒色のどちらですか？

#9cd8da は寒色系の色です。OKLCHでは色相 199度、明度 84.2%、クロマ 0.061 です。