# カラーコード #b8a9ec：鮮やかな 明るいバイオレット

#b8a9ec はRGBで rgb(184, 169, 236)、OKLCHで oklch(77.15% 0.09557 294.322) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b8a9ec |
| RGB | rgb(184, 169, 236) |
| HSL | hsl(253.43, 63.81%, 79.41%) |
| HSB / HSV | hsv(253.43 28.39% 92.55%) |
| HWB | hwb(253.43 66.27% 7.45%) |
| CMYK | cmyk(22% 28% 0% 7%) |
| Lab | lab(72.36 15.92 -31.82) |
| LCH | lch(72.36 35.58 296.58) |
| OKLab | oklab(77.15% 0.03936 -0.08709) |
| OKLCH | oklch(77.15% 0.09557 294.322) |
| Display P3 | color(display-p3 0.71158 0.66481 0.90666) |
| Rec. 2020 | color(rec2020 0.68161 0.63465 0.89161) |
| Adobe RGB | color(a98-rgb 0.69959 0.65682 0.91402) |
| ProPhoto RGB | color(prophoto-rgb 0.68235 0.61539 0.87152) |
| 線形sRGB | color(srgb-linear 0.47932 0.39676 0.8388) |
| XYZ D65 | color(xyz-d65 0.49093 0.44622 0.85386) |
| XYZ D50 | color(xyz-d50 0.48184 0.44192 0.64418) |
| SwiftUI | Color(red: 0.722, green: 0.663, blue: 0.925) |
| UIKit | UIColor(red: 0.722, green: 0.663, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFB8A9EC) |
| Android XML | #B8A9EC |

## 基本情報

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

## ティント

#b8a9ec, #bfb2ee, #c6baf0, #cdc3f3, #d4cbf5, #dbd4f7, #e2dcf8, #e9e5fa, #f0eefc, #f8f6fd

## シェード

#b8a9ec, #a092cd, #887caf, #716792, #5b5376, #453f5b, #312c42, #1e1b29, #0c0a13, #020103

## トーン

#b8a9ec, #b8aae7, #b7ace1, #b7addc, #b6aed6, #b6afd1, #b6b0cb, #b5b2c6, #b5b3c0, #b5b4ba

## カラーハーモニー

- 補色: #b8a9ec, #b3bc74
- 分裂補色: #b8a9ec, #d1b06b, #8fc58e
- 類似色: #b8a9ec, #96b4f2, #d4a0d7
- トライアド: #b8a9ec, #e5a47a, #6dc9b0
- テトラード: #b8a9ec, #e69bb8, #b3bc74, #6dc9b0
- スクエア: #b8a9ec, #ec9d97, #b3bc74, #61c7d1
- モノクロマティック: #b8a9ec, #70619e, #9384c4, #ded1ff, #f6f1ff

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

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

#b8a9ec は鮮やかな 明るいバイオレットです。最も近い名前のある色は鮮やかな 明るいバイオレットです。RGBでは rgb(184, 169, 236)、HSLでは hsl(253.43, 63.81%, 79.41%)、OKLCHでは oklch(77.15% 0.09557 294.322) です。

### #b8a9ec に合う色は？

#b8a9ec の補色は #b3bc74 です。落ち着いた組み合わせにするなら、類似色の #96b4f2 と #d4a0d7 を使いましょう。トライアドの組み合わせは #e5a47a と #6dc9b0 です。

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

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

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

#b8a9ec は寒色系の色です。OKLCHでは色相 294度、明度 77.2%、クロマ 0.096 です。