# カラーコード #b1bbaf：くすんだ 明るい緑

#b1bbaf はRGBで rgb(177, 187, 175)、OKLCHで oklch(78.077% 0.02006 140.492) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b1bbaf |
| RGB | rgb(177, 187, 175) |
| HSL | hsl(110, 8.11%, 70.98%) |
| HSB / HSV | hsv(110 6.42% 73.33%) |
| HWB | hwb(110 68.63% 26.67%) |
| CMYK | cmyk(5% 0% 6% 27%) |
| Lab | lab(74.83 -5.28 4.84) |
| LCH | lch(74.83 7.16 137.47) |
| OKLab | oklab(78.077% -0.01548 0.01276) |
| OKLCH | oklch(78.077% 0.02006 140.492) |
| Display P3 | color(display-p3 0.70129 0.73208 0.68996) |
| Rec. 2020 | color(rec2020 0.67431 0.69976 0.65646) |
| Adobe RGB | color(a98-rgb 0.69971 0.72762 0.68237) |
| ProPhoto RGB | color(prophoto-rgb 0.64726 0.67233 0.63127) |
| 線形sRGB | color(srgb-linear 0.43966 0.49693 0.42869) |
| XYZ D65 | color(xyz-d65 0.43638 0.47983 0.47521) |
| XYZ D50 | color(xyz-d50 0.44445 0.48005 0.36049) |
| SwiftUI | Color(red: 0.694, green: 0.733, blue: 0.686) |
| UIKit | UIColor(red: 0.694, green: 0.733, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFFB1BBAF) |
| Android XML | #B1BBAF |

## 基本情報

- 最も近い色名: くすんだ 明るい緑
- 色相の系統: 緑, くすんだ 明るい緑
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.98:1
- 黒とのコントラスト: 10.6:1

## ティント

#b1bbaf, #b9c2b7, #c0c8bf, #c8cfc6, #d0d6ce, #d7ddd6, #dfe3de, #e7eae6, #eff1ef, #f7f8f7

## シェード

#b1bbaf, #99a298, #838a81, #6c736b, #575c56, #424641, #2f322e, #1c1f1c, #0c0d0b, #010201

## トーン

#b1bbaf, #b2bbb0, #b2bab1, #b3bab2, #b4bab2, #b4b9b3, #b5b9b4, #b6b9b5, #b6b8b6, #b7b8b7

## カラーハーモニー

- 補色: #b1bbaf, #beb4c0
- 分裂補色: #b1bbaf, #b7b6c4, #c2b3b9
- 類似色: #b1bbaf, #b8b9ab, #acbcb6
- トライアド: #b1bbaf, #b0b8c5, #c4b3b2
- テトラード: #b1bbaf, #aabcbd, #beb4c0, #c4b3b2
- スクエア: #b1bbaf, #abbac2, #beb4c0, #c3b4ac
- モノクロマティック: #b1bbaf, #697267, #8c968a, #d7e2d5, #eef9ec

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

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

#b1bbaf はくすんだ 明るい緑です。最も近い名前のある色はくすんだ 明るい緑です。RGBでは rgb(177, 187, 175)、HSLでは hsl(110, 8.11%, 70.98%)、OKLCHでは oklch(78.077% 0.02006 140.492) です。

### #b1bbaf に合う色は？

#b1bbaf の補色は #beb4c0 です。落ち着いた組み合わせにするなら、類似色の #b8b9ab と #acbcb6 を使いましょう。トライアドの組み合わせは #b0b8c5 と #c4b3b2 です。

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

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

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

#b1bbaf はニュートラルの色です。OKLCHでは色相 140度、明度 78.1%、クロマ 0.02 です。