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

#9bdbbc はRGBで rgb(155, 219, 188)、OKLCHで oklch(83.961% 0.07836 163.153) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9bdbbc |
| RGB | rgb(155, 219, 188) |
| HSL | hsl(150.94, 47.06%, 73.33%) |
| HSB / HSV | hsv(150.94 29.22% 85.88%) |
| HWB | hwb(150.94 60.78% 14.12%) |
| CMYK | cmyk(29% 0% 14% 14%) |
| Lab | lab(82.45 -25.96 8.48) |
| LCH | lch(82.45 27.31 161.91) |
| OKLab | oklab(83.961% -0.075 0.02271) |
| OKLCH | oklch(83.961% 0.07836 163.153) |
| Display P3 | color(display-p3 0.66168 0.852 0.745) |
| Rec. 2020 | color(rec2020 0.67632 0.8247 0.71842) |
| Adobe RGB | color(a98-rgb 0.68575 0.8549 0.73714) |
| ProPhoto RGB | color(prophoto-rgb 0.66363 0.7973 0.69843) |
| 線形sRGB | color(srgb-linear 0.32778 0.70838 0.50289) |
| XYZ D65 | color(xyz-d65 0.47924 0.61261 0.56878) |
| XYZ D50 | color(xyz-d50 0.48772 0.61124 0.43244) |
| SwiftUI | Color(red: 0.608, green: 0.859, blue: 0.737) |
| UIKit | UIColor(red: 0.608, green: 0.859, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF9BDBBC) |
| Android XML | #9BDBBC |

## 基本情報

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

## ティント

#9bdbbc, #a6dfc3, #b0e2c9, #bae6d0, #c4ead6, #ceeddd, #d8f1e4, #e2f4eb, #ecf8f1, #f5fbf8

## シェード

#9bdbbc, #86bea3, #72a28b, #5e8773, #4b6d5d, #395447, #283c32, #18261f, #09110d, #010202

## トーン

#9bdbbc, #a0d9bd, #a6d8bf, #abd6c0, #b0d5c2, #b4d3c3, #b9d1c5, #bdcfc6, #c2cec7, #c6ccc9

## カラーハーモニー

- 補色: #9bdbbc, #f0b7d8
- 分裂補色: #9bdbbc, #ddbcef, #f9b6bc
- 類似色: #9bdbbc, #b7d6a2, #8bdbd8
- トライアド: #9bdbbc, #c3c4fd, #f7baa2
- テトラード: #9bdbbc, #91d6f0, #f0b7d8, #f7baa2
- スクエア: #9bdbbc, #a7cefd, #f0b7d8, #eac392
- モノクロマティック: #9bdbbc, #518f73, #75b497, #c2ffe3, #c5ffe6

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

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

#9bdbbc はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(155, 219, 188)、HSLでは hsl(150.94, 47.06%, 73.33%)、OKLCHでは oklch(83.961% 0.07836 163.153) です。

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

#9bdbbc の補色は #f0b7d8 です。落ち着いた組み合わせにするなら、類似色の #b7d6a2 と #8bdbd8 を使いましょう。トライアドの組み合わせは #c3c4fd と #f7baa2 です。

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

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

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

#9bdbbc は寒色系の色です。OKLCHでは色相 163度、明度 84%、クロマ 0.078 です。