#9B97CE

#9B97CE

#CACE97

#CACE97

コントラスト比

1.66:1

Delta E

61.79

Very Different

50:50 ミックス

#B6B2B4

カラー値

フォーマット #9B97CE #CACE97
HEX #9B97CE #CACE97
RGB 155, 151, 206 202, 206, 151
HSL 244.4, 35.9%, 70.0% 64.4, 35.9%, 70.0%
HSV 244.4, 26.7%, 80.8% 64.4, 26.7%, 80.8%
CMYK 24.8%, 26.7%, 0.0%, 19.2% 1.9%, 0.0%, 26.7%, 19.2%
OKLCH 0.7 0.08 287.5 0.8348 0.0729 111.3

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

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CACE97 → 背景色: #9B97CE

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

テキスト: #9B97CE → 背景色: #CACE97

色差 (Delta E)

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

グラデーション

#9B97CE #A5A0C5 #AEA9BD #B6B2B4 #BDBBAA #C4C5A1 #CACE97

カラーミキシング

#9B97CE

100%

#A9A4C1

75:25

#B6B2B4

50:50

#C0C0A6

25:75

#CACE97

100%

CSSグラデーションコード

background: linear-gradient(to right, #9B97CE, #CACE97);
background: linear-gradient(135deg, #9B97CE, #CACE97);

各色を詳しく見る

#9B97CE

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

#CACE97

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

関連する比較