#BAB5FF

#BAB5FF

#FAFFB5

#FAFFB5

コントラスト比

1.8:1

Delta E

80.02

Very Different

50:50 ミックス

#DFD9DC

カラー値

フォーマット #BAB5FF #FAFFB5
HEX #BAB5FF #FAFFB5
RGB 186, 181, 255 250, 255, 181
HSL 244.1, 100.0%, 85.5% 64.1, 100.0%, 85.5%
HSV 244.1, 29.0%, 100.0% 64.1, 29.0%, 100.0%
CMYK 27.1%, 29.0%, 0.0%, 0.0% 2.0%, 0.0%, 29.0%, 0.0%
OKLCH 0.8041 0.1038 286.9 0.9791 0.0936 111.2

コントラストとアクセシビリティ

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FAFFB5 → 背景色: #BAB5FF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #BAB5FF → 背景色: #FAFFB5

色差 (Delta E)

80.02 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#BAB5FF #C8C1F3 #D4CDE8 #DFD9DC #E9E6CF #F2F2C2 #FAFFB5

カラーミキシング

#BAB5FF

100%

#CEC7EE

75:25

#DFD9DC

50:50

#EDECC9

25:75

#FAFFB5

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAB5FF, #FAFFB5);
background: linear-gradient(135deg, #BAB5FF, #FAFFB5);

各色を詳しく見る

#BAB5FF

カラーの詳細をすべて見る

#FAFFB5

カラーの詳細をすべて見る

関連する比較