# カラーコード #bbb5e4：やわらかな 明るいバイオレット

#bbb5e4 はRGBで rgb(187, 181, 228)、OKLCHで oklch(79.388% 0.06629 290.656) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bbb5e4 |
| RGB | rgb(187, 181, 228) |
| HSL | hsl(247.66, 46.53%, 80.2%) |
| HSB / HSV | hsv(247.66 20.61% 89.41%) |
| HWB | hwb(247.66 70.98% 10.59%) |
| CMYK | cmyk(18% 21% 0% 11%) |
| Lab | lab(75.38 9.32 -22.88) |
| LCH | lch(75.38 24.7 292.17) |
| OKLab | oklab(79.388% 0.02338 -0.06203) |
| OKLCH | oklch(79.388% 0.06629 290.656) |
| Display P3 | color(display-p3 0.72923 0.7106 0.87996) |
| Rec. 2020 | color(rec2020 0.70365 0.68188 0.86282) |
| Adobe RGB | color(a98-rgb 0.72097 0.70395 0.88422) |
| ProPhoto RGB | color(prophoto-rgb 0.69881 0.66077 0.84227) |
| 線形sRGB | color(srgb-linear 0.49693 0.46208 0.77582) |
| XYZ D65 | color(xyz-d65 0.51018 0.49214 0.80213) |
| XYZ D50 | color(xyz-d50 0.50567 0.48885 0.60579) |
| SwiftUI | Color(red: 0.733, green: 0.71, blue: 0.894) |
| UIKit | UIColor(red: 0.733, green: 0.71, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFBBB5E4) |
| Android XML | #BBB5E4 |

## 基本情報

- 最も近い色名: やわらかな 明るいバイオレット
- 色相の系統: バイオレット, やわらかな 明るいバイオレット
- 最も近いTailwindクラス: violet-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.94:1
- 黒とのコントラスト: 10.84:1

## ティント

#bbb5e4, #c2bce7, #c8c4ea, #cfcbed, #d6d2ef, #dcdaf2, #e3e1f5, #eae9f7, #f1f0fa, #f8f7fc

## シェード

#bbb5e4, #a29dc6, #8a86a9, #736f8d, #5c5972, #464458, #32303f, #1f1d28, #0d0c12, #020203

## トーン

#bbb5e4, #bbb6e0, #bbb6dc, #bbb7d8, #bbb8d4, #bbb9d0, #bbb9cc, #bbbac8, #bbbac4, #bbbbc0

## カラーハーモニー

- 補色: #bbb5e4, #bdc08f
- 分裂補色: #bbb5e4, #d2b88b, #a5c79f
- 類似色: #bbb5e4, #a4bde7, #d0aed6
- トライアド: #bbb5e4, #dfb096, #91cab6
- テトラード: #bbb5e4, #deabc1, #bdc08f, #91cab6
- スクエア: #bbb5e4, #e4abaa, #bdc08f, #88c9cd
- モノクロマティック: #bbb5e4, #726c97, #9690bd, #e2dcff, #f4f1ff

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

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

#bbb5e4 はやわらかな 明るいバイオレットです。最も近い名前のある色はやわらかな 明るいバイオレットです。RGBでは rgb(187, 181, 228)、HSLでは hsl(247.66, 46.53%, 80.2%)、OKLCHでは oklch(79.388% 0.06629 290.656) です。

### #bbb5e4 に合う色は？

#bbb5e4 の補色は #bdc08f です。落ち着いた組み合わせにするなら、類似色の #a4bde7 と #d0aed6 を使いましょう。トライアドの組み合わせは #dfb096 と #91cab6 です。

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

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

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

#bbb5e4 は寒色系の色です。OKLCHでは色相 291度、明度 79.4%、クロマ 0.066 です。