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

#b2caaf はRGBで rgb(178, 202, 175)、OKLCHで oklch(81.354% 0.04546 142.08) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b2caaf |
| RGB | rgb(178, 202, 175) |
| HSL | hsl(113.33, 20.3%, 73.92%) |
| HSB / HSV | hsv(113.33 13.37% 79.22%) |
| HWB | hwb(113.33 68.63% 20.78%) |
| CMYK | cmyk(12% 0% 13% 21%) |
| Lab | lab(78.95 -12.2 10.67) |
| LCH | lch(78.95 16.21 138.83) |
| OKLab | oklab(81.354% -0.03586 0.02794) |
| OKLCH | oklch(81.354% 0.04546 142.08) |
| Display P3 | color(display-p3 0.71594 0.78927 0.69485) |
| Rec. 2020 | color(rec2020 0.69989 0.76017 0.66294) |
| Adobe RGB | color(a98-rgb 0.72072 0.78707 0.68514) |
| ProPhoto RGB | color(prophoto-rgb 0.67348 0.73302 0.64014) |
| 線形sRGB | color(srgb-linear 0.4452 0.59062 0.42869) |
| XYZ D65 | color(xyz-d65 0.47216 0.54801 0.48649) |
| XYZ D50 | color(xyz-d50 0.48295 0.54845 0.36966) |
| SwiftUI | Color(red: 0.698, green: 0.792, blue: 0.686) |
| UIKit | UIColor(red: 0.698, green: 0.792, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFFB2CAAF) |
| Android XML | #B2CAAF |

## 基本情報

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

## ティント

#b2caaf, #bacfb7, #c1d4bf, #c9dac7, #d0dfcf, #d8e4d6, #e0eadf, #e8efe7, #eff4ef, #f7faf7

## シェード

#b2caaf, #9aaf98, #839581, #6d7c6b, #576456, #434d41, #2f372e, #1d221c, #0c0f0b, #010201

## トーン

#b2caaf, #b4c9b1, #b5c8b3, #b7c8b5, #b8c7b7, #bac6b9, #bcc5ba, #bdc4bc, #bfc4be, #c0c3c0

## カラーハーモニー

- 補色: #b2caaf, #d0b9d4
- 分裂補色: #b2caaf, #c2bdde, #dbb7c5
- 類似色: #b2caaf, #c2c6a4, #a5ccbf
- トライアド: #b2caaf, #b2c3e0, #deb7b5
- テトラード: #b2caaf, #a0cbcf, #d0b9d4, #deb7b5
- スクエア: #b2caaf, #a5c8db, #d0b9d4, #dbbba8
- モノクロマティック: #b2caaf, #698067, #8da48a, #d9f1d5, #e5fee1

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

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

#b2caaf はパステル調の 明るい緑です。最も近い名前のある色はパステル調の 明るい緑です。RGBでは rgb(178, 202, 175)、HSLでは hsl(113.33, 20.3%, 73.92%)、OKLCHでは oklch(81.354% 0.04546 142.08) です。

### #b2caaf に合う色は？

#b2caaf の補色は #d0b9d4 です。落ち着いた組み合わせにするなら、類似色の #c2c6a4 と #a5ccbf を使いましょう。トライアドの組み合わせは #b2c3e0 と #deb7b5 です。

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

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

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

#b2caaf はニュートラルの色です。OKLCHでは色相 142度、明度 81.4%、クロマ 0.045 です。