# カラーコード #bbe5cb：パステル調の ごく明るいエメラルド

#bbe5cb はRGBで rgb(187, 229, 203)、OKLCHで oklch(88.493% 0.05639 157.859) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bbe5cb |
| RGB | rgb(187, 229, 203) |
| HSL | hsl(142.86, 44.68%, 81.57%) |
| HSB / HSV | hsv(142.86 18.34% 89.8%) |
| HWB | hwb(142.86 73.33% 10.2%) |
| CMYK | cmyk(18% 0% 11% 10%) |
| Lab | lab(87.41 -17.95 7.99) |
| LCH | lch(87.41 19.65 156.01) |
| OKLab | oklab(88.493% -0.05223 0.02125) |
| OKLCH | oklch(88.493% 0.05639 157.859) |
| Display P3 | color(display-p3 0.76601 0.8932 0.80303) |
| Rec. 2020 | color(rec2020 0.77139 0.87322 0.78204) |
| Adobe RGB | color(a98-rgb 0.77973 0.89501 0.79565) |
| ProPhoto RGB | color(prophoto-rgb 0.75685 0.85236 0.765) |
| 線形sRGB | color(srgb-linear 0.49693 0.78354 0.5972) |
| XYZ D65 | color(xyz-d65 0.59289 0.70914 0.67066) |
| XYZ D50 | color(xyz-d50 0.60392 0.70847 0.50945) |
| SwiftUI | Color(red: 0.733, green: 0.898, blue: 0.796) |
| UIKit | UIColor(red: 0.733, green: 0.898, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFFBBE5CB) |
| Android XML | #BBE5CB |

## 基本情報

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

## ティント

#bbe5cb, #c2e8d0, #c9ead5, #d0edda, #d6f0e0, #ddf2e5, #e4f5ea, #ebf7ef, #f2faf4, #f8fcfa

## シェード

#bbe5cb, #a2c7b0, #8aaa96, #738e7d, #5c7265, #46584d, #323f37, #1f2822, #0d120f, #020302

## トーン

#bbe5cb, #bee4cc, #c1e3ce, #c4e1cf, #c8e0d1, #cbdfd2, #ceded3, #d0ddd5, #d3dbd6, #d6dad8

## カラーハーモニー

- 補色: #bbe5cb, #f3cbe6
- 分裂補色: #bbe5cb, #e3d0f7, #fbcad2
- 類似色: #bbe5cb, #cee1b9, #afe6e0
- トライアド: #bbe5cb, #d0d6ff, #fbcdbf
- テトラード: #bbe5cb, #b0e3f2, #f3cbe6, #fbcdbf
- スクエア: #bbe5cb, #bcddfd, #f3cbe6, #f3d3b2
- モノクロマティック: #bbe5cb, #719881, #95bea5, #d7ffe7, #d7ffe7

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

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

#bbe5cb はパステル調の ごく明るいエメラルドです。最も近い名前のある色はパステル調の ごく明るいエメラルドです。RGBでは rgb(187, 229, 203)、HSLでは hsl(142.86, 44.68%, 81.57%)、OKLCHでは oklch(88.493% 0.05639 157.859) です。

### #bbe5cb に合う色は？

#bbe5cb の補色は #f3cbe6 です。落ち着いた組み合わせにするなら、類似色の #cee1b9 と #afe6e0 を使いましょう。トライアドの組み合わせは #d0d6ff と #fbcdbf です。

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

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

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

#bbe5cb は寒色系の色です。OKLCHでは色相 158度、明度 88.5%、クロマ 0.056 です。