#A786DA

#A786DA

#B9DA86

#B9DA86

コントラスト比

1.9:1

Delta E

95.94

Very Different

50:50 ミックス

#B6B0B2

カラー値

フォーマット #A786DA #B9DA86
HEX #A786DA #B9DA86
RGB 167, 134, 218 185, 218, 134
HSL 263.6, 53.2%, 69.0% 83.6, 53.2%, 69.0%
HSV 263.6, 38.5%, 85.5% 83.6, 38.5%, 85.5%
CMYK 23.4%, 38.5%, 0.0%, 14.5% 15.1%, 0.0%, 38.5%, 14.5%
OKLCH 0.6836 0.125 301.3 0.8448 0.1151 126.2

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B9DA86 → 背景色: #A786DA

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

テキスト: #A786DA → 背景色: #B9DA86

色差 (Delta E)

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

グラデーション

#A786DA #AD94CD #B2A2C0 #B6B0B2 #B8BEA4 #B9CC96 #B9DA86

カラーミキシング

#A786DA

100%

#B09BC7

75:25

#B6B0B2

50:50

#B9C59D

25:75

#B9DA86

100%

CSSグラデーションコード

background: linear-gradient(to right, #A786DA, #B9DA86);
background: linear-gradient(135deg, #A786DA, #B9DA86);

各色を詳しく見る

#A786DA

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

#B9DA86

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

関連する比較