#AB96DF

#AB96DF

#CADF96

#CADF96

コントラスト比

1.78:1

Delta E

81.92

Very Different

50:50 ミックス

#BFBABC

カラー値

フォーマット #AB96DF #CADF96
HEX #AB96DF #CADF96
RGB 171, 150, 223 202, 223, 150
HSL 257.3, 53.3%, 73.1% 77.3, 53.3%, 73.1%
HSV 257.3, 32.7%, 87.5% 77.3, 32.7%, 87.5%
CMYK 23.3%, 32.7%, 0.0%, 12.5% 9.4%, 0.0%, 32.7%, 12.5%
OKLCH 0.719 0.1063 296.9 0.8707 0.0978 121.5

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

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CADF96 → 背景色: #AB96DF

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

テキスト: #AB96DF → 背景色: #CADF96

色差 (Delta E)

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

グラデーション

#AB96DF #B3A2D4 #B9AEC8 #BFBABC #C4C7B0 #C7D3A3 #CADF96

カラーミキシング

#AB96DF

100%

#B6A8CE

75:25

#BFBABC

50:50

#C5CDAA

25:75

#CADF96

100%

CSSグラデーションコード

background: linear-gradient(to right, #AB96DF, #CADF96);
background: linear-gradient(135deg, #AB96DF, #CADF96);

各色を詳しく見る

#AB96DF

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

#CADF96

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

関連する比較