# カラーコード #bbd2c1：パステル調の 明るい緑

#bbd2c1 はRGBで rgb(187, 210, 193)、OKLCHで oklch(84.178% 0.03404 153.575) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/bbd2c1

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bbd2c1 |
| RGB | rgb(187, 210, 193) |
| HSL | hsl(135.65, 20.35%, 77.84%) |
| HSB / HSV | hsv(135.65 10.95% 82.35%) |
| HWB | hwb(135.65 73.33% 17.65%) |
| CMYK | cmyk(11% 0% 8% 18%) |
| Lab | lab(82.1 -10.43 5.7) |
| LCH | lch(82.1 11.89 151.32) |
| OKLab | oklab(84.178% -0.03048 0.01515) |
| OKLCH | oklch(84.178% 0.03404 153.575) |
| Display P3 | color(display-p3 0.75039 0.82074 0.76156) |
| Rec. 2020 | color(rec2020 0.7387 0.79556 0.7355) |
| Adobe RGB | color(a98-rgb 0.75499 0.81893 0.75428) |
| ProPhoto RGB | color(prophoto-rgb 0.71794 0.77145 0.71431) |
| 線形sRGB | color(srgb-linear 0.49693 0.64448 0.53328) |
| XYZ D65 | color(xyz-d65 0.53163 0.60508 0.59332) |
| XYZ D50 | color(xyz-d50 0.54122 0.60491 0.4503) |
| SwiftUI | Color(red: 0.733, green: 0.824, blue: 0.757) |
| UIKit | UIColor(red: 0.733, green: 0.824, blue: 0.757, alpha: 1) |
| Flutter / Compose | Color(0xFFBBD2C1) |
| Android XML | #BBD2C1 |

## 基本情報

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

## ティント

#bbd2c1, #c2d6c7, #c8dbcd, #cfdfd3, #d6e4d9, #dde8e0, #e4ede6, #eaf1ec, #f1f6f2, #f8faf9

## シェード

#bbd2c1, #a2b6a7, #8a9b8f, #738177, #5c685f, #465049, #323934, #1f2420, #0d100e, #020202

## トーン

#bbd2c1, #bdd1c2, #bed1c3, #c0d0c4, #c2cfc5, #c3cfc6, #c5cec7, #c6cdc8, #c8ccc9, #c9ccca

## カラーハーモニー

- 補色: #bbd2c1, #dac3d5
- 分裂補色: #bbd2c1, #cfc6de, #e0c2c9
- 類似色: #bbd2c1, #c6cfb7, #b4d3cd
- トライアド: #bbd2c1, #c4cae2, #e0c4bd
- テトラード: #bbd2c1, #b3d1d9, #dac3d5, #e0c4bd
- スクエア: #bbd2c1, #b9cee0, #dac3d5, #dcc7b5
- モノクロマティック: #bbd2c1, #728777, #96ac9b, #e2fae8, #e5fceb

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

### #bbd2c1 は何色ですか？

#bbd2c1 はパステル調の 明るい緑です。最も近い名前のある色はパステル調の 明るい緑です。RGBでは rgb(187, 210, 193)、HSLでは hsl(135.65, 20.35%, 77.84%)、OKLCHでは oklch(84.178% 0.03404 153.575) です。

### #bbd2c1 に合う色は？

#bbd2c1 の補色は #dac3d5 です。落ち着いた組み合わせにするなら、類似色の #c6cfb7 と #b4d3cd を使いましょう。トライアドの組み合わせは #c4cae2 と #e0c4bd です。

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

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

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

#bbd2c1 は寒色系の色です。OKLCHでは色相 154度、明度 84.2%、クロマ 0.034 です。