# カラーコード #9cddbb：パステル調の 明るいエメラルド

#9cddbb はRGBで rgb(156, 221, 187)、OKLCHで oklch(84.44% 0.08143 161.185) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9cddbb |
| RGB | rgb(156, 221, 187) |
| HSL | hsl(148.62, 48.87%, 73.92%) |
| HSB / HSV | hsv(148.62 29.41% 86.67%) |
| HWB | hwb(148.62 61.18% 13.33%) |
| CMYK | cmyk(29% 0% 15% 13%) |
| Lab | lab(83.04 -26.68 9.86) |
| LCH | lch(83.04 28.45 159.73) |
| OKLab | oklab(84.44% -0.07708 0.02626) |
| OKLCH | oklch(84.44% 0.08143 161.185) |
| Display P3 | color(display-p3 0.66653 0.85974 0.74223) |
| Rec. 2020 | color(rec2020 0.68198 0.83307 0.7156) |
| Adobe RGB | color(a98-rgb 0.6911 0.86291 0.73379) |
| ProPhoto RGB | color(prophoto-rgb 0.66862 0.806 0.69595) |
| 線形sRGB | color(srgb-linear 0.33245 0.72306 0.49693) |
| XYZ D65 | color(xyz-d65 0.48534 0.62367 0.56496) |
| XYZ D50 | color(xyz-d50 0.49456 0.62244 0.42968) |
| SwiftUI | Color(red: 0.612, green: 0.867, blue: 0.733) |
| UIKit | UIColor(red: 0.612, green: 0.867, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF9CDDBB) |
| Android XML | #9CDDBB |

## 基本情報

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

## ティント

#9cddbb, #a6e0c2, #b1e4c8, #bbe7cf, #c5ebd6, #cfeedd, #d8f2e3, #e2f5ea, #ecf8f1, #f5fcf8

## シェード

#9cddbb, #87c0a2, #73a48a, #5f8873, #4c6e5c, #395546, #283d32, #18261f, #09110d, #010202

## トーン

#9cddbb, #a1dbbd, #a7dabe, #acd8c0, #b1d6c2, #b6d5c3, #bad3c5, #bfd1c7, #c3cfc8, #c8ceca

## カラーハーモニー

- 補色: #9cddbb, #f2b7dc
- 分裂補色: #9cddbb, #ddbdf4, #fcb6bf
- 類似色: #9cddbb, #b9d7a0, #8addd9
- トライアド: #9cddbb, #c2c6ff, #fbbba3
- テトラード: #9cddbb, #8ed9f2, #f2b7dc, #fbbba3
- スクエア: #9cddbb, #a5d0ff, #f2b7dc, #eec491
- モノクロマティック: #9cddbb, #529172, #76b696, #c3ffe2, #c6ffe4

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

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

#9cddbb はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(156, 221, 187)、HSLでは hsl(148.62, 48.87%, 73.92%)、OKLCHでは oklch(84.44% 0.08143 161.185) です。

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

#9cddbb の補色は #f2b7dc です。落ち着いた組み合わせにするなら、類似色の #b9d7a0 と #8addd9 を使いましょう。トライアドの組み合わせは #c2c6ff と #fbbba3 です。

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

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

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

#9cddbb は寒色系の色です。OKLCHでは色相 161度、明度 84.4%、クロマ 0.081 です。