# カラーコード #bbd69a：パステル調の 明るいライム

#bbd69a はRGBで rgb(187, 214, 154)、OKLCHで oklch(84.115% 0.0853 127.81) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bbd69a |
| RGB | rgb(187, 214, 154) |
| HSL | hsl(87, 42.25%, 72.16%) |
| HSB / HSV | hsv(87 28.04% 83.92%) |
| HWB | hwb(87 60.39% 16.08%) |
| CMYK | cmyk(13% 0% 28% 16%) |
| Lab | lab(82.5 -17.08 26.61) |
| LCH | lch(82.5 31.62 122.7) |
| OKLab | oklab(84.115% -0.05229 0.06739) |
| OKLCH | oklch(84.115% 0.0853 127.81) |
| Display P3 | color(display-p3 0.75357 0.83598 0.62734) |
| Rec. 2020 | color(rec2020 0.73877 0.81025 0.59201) |
| Adobe RGB | color(a98-rgb 0.76004 0.8349 0.61026) |
| ProPhoto RGB | color(prophoto-rgb 0.70311 0.78402 0.57314) |
| 線形sRGB | color(srgb-linear 0.49693 0.67244 0.32314) |
| XYZ D65 | color(xyz-d65 0.50371 0.60991 0.39692) |
| XYZ D50 | color(xyz-d50 0.52192 0.61222 0.30296) |
| SwiftUI | Color(red: 0.733, green: 0.839, blue: 0.604) |
| UIKit | UIColor(red: 0.733, green: 0.839, blue: 0.604, alpha: 1) |
| Flutter / Compose | Color(0xFFBBD69A) |
| Android XML | #BBD69A |

## 基本情報

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

## ティント

#bbd69a, #c2daa4, #c8deae, #cfe2b9, #d6e7c3, #ddebcd, #e3efd7, #eaf3e1, #f1f7eb, #f8fbf5

## シェード

#bbd69a, #a2ba85, #8a9e71, #73845e, #5c6a4b, #465239, #323b27, #1f2517, #0d1009, #020201

## トーン

#bbd69a, #bdd59f, #bed4a4, #c0d3a9, #c1d2ae, #c3d1b3, #c4d0b8, #c6cebd, #c8cdc1, #c9ccc6

## カラーハーモニー

- 補色: #bbd69a, #dabdf6
- 分裂補色: #bbd69a, #bdc6ff, #f0b6df
- 類似色: #bbd69a, #dacc8b, #9bdcb6
- トライアド: #bbd69a, #9fd0ff, #fcb4c0
- テトラード: #bbd69a, #86ddd5, #dabdf6, #fcb4c0
- スクエア: #bbd69a, #88d9f0, #dabdf6, #fdb8a3
- モノクロマティック: #bbd69a, #728a52, #96af75, #e2fec0, #e5ffc3

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

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

#bbd69a はパステル調の 明るいライムです。最も近い名前のある色はパステル調の 明るいライムです。RGBでは rgb(187, 214, 154)、HSLでは hsl(87, 42.25%, 72.16%)、OKLCHでは oklch(84.115% 0.0853 127.81) です。

### #bbd69a に合う色は？

#bbd69a の補色は #dabdf6 です。落ち着いた組み合わせにするなら、類似色の #dacc8b と #9bdcb6 を使いましょう。トライアドの組み合わせは #9fd0ff と #fcb4c0 です。

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

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

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

#bbd69a はニュートラルの色です。OKLCHでは色相 128度、明度 84.1%、クロマ 0.085 です。