# カラーコード #bea7df：やわらかな 明るいパープル

#bea7df はRGBで rgb(190, 167, 223)、OKLCHで oklch(76.748% 0.08234 303.278) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bea7df |
| RGB | rgb(190, 167, 223) |
| HSL | hsl(264.64, 46.67%, 76.47%) |
| HSB / HSV | hsv(264.64 25.11% 87.45%) |
| HWB | hwb(264.64 65.49% 12.55%) |
| CMYK | cmyk(15% 25% 0% 13%) |
| Lab | lab(71.98 16.74 -25.28) |
| LCH | lch(71.98 30.32 303.51) |
| OKLab | oklab(76.748% 0.04518 -0.06883) |
| OKLCH | oklch(76.748% 0.08234 303.278) |
| Display P3 | color(display-p3 0.73013 0.65816 0.85897) |
| Rec. 2020 | color(rec2020 0.69246 0.62798 0.83899) |
| Adobe RGB | color(a98-rgb 0.71509 0.64899 0.86312) |
| ProPhoto RGB | color(prophoto-rgb 0.68329 0.60852 0.81554) |
| 線形sRGB | color(srgb-linear 0.51492 0.38643 0.73791) |
| XYZ D65 | color(xyz-d65 0.48371 0.43913 0.75742) |
| XYZ D50 | color(xyz-d50 0.47895 0.43632 0.57163) |
| SwiftUI | Color(red: 0.745, green: 0.655, blue: 0.875) |
| UIKit | UIColor(red: 0.745, green: 0.655, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFFBEA7DF) |
| Android XML | #BEA7DF |

## 基本情報

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

## ティント

#bea7df, #c4b0e2, #cbb8e6, #d1c1e9, #d7caec, #ded3f0, #e5dbf3, #ebe4f6, #f2edf9, #f8f6fc

## シェード

#bea7df, #a591c2, #8c7ba5, #75668a, #5e526f, #483e56, #332c3d, #1f1a27, #0d0a12, #020102

## トーン

#bea7df, #bda8db, #bcaad6, #bbabd2, #baacce, #b9aeca, #b7afc5, #b6b0c1, #b5b1bc, #b4b2b8

## カラーハーモニー

- 補色: #bea7df, #a9bd82
- 分裂補色: #bea7df, #c5b376, #8ac39b
- 類似色: #bea7df, #a2b0e9, #d4a0ca
- トライアド: #bea7df, #d9a87c, #73c5b9
- テトラード: #bea7df, #e19eae, #a9bd82, #73c5b9
- スクエア: #bea7df, #e3a192, #a9bd82, #71c1d3
- モノクロマティック: #bea7df, #755f92, #9982b8, #e5cdff, #fbefff

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

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

#bea7df はやわらかな 明るいパープルです。最も近い名前のある色はやわらかな 明るいパープルです。RGBでは rgb(190, 167, 223)、HSLでは hsl(264.64, 46.67%, 76.47%)、OKLCHでは oklch(76.748% 0.08234 303.278) です。

### #bea7df に合う色は？

#bea7df の補色は #a9bd82 です。落ち着いた組み合わせにするなら、類似色の #a2b0e9 と #d4a0ca を使いましょう。トライアドの組み合わせは #d9a87c と #73c5b9 です。

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

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

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

#bea7df はニュートラルの色です。OKLCHでは色相 303度、明度 76.7%、クロマ 0.082 です。