#8564CE

#8564CE

#ADCE64

#ADCE64

コントラスト比

2.5:1

Delta E

121.34

Very Different

50:50 ミックス

#A4999E

カラー値

フォーマット #8564CE #ADCE64
HEX #8564CE #ADCE64
RGB 133, 100, 206 173, 206, 100
HSL 258.7, 52.0%, 60.0% 78.7, 52.0%, 60.0%
HSV 258.7, 51.5%, 80.8% 78.7, 51.5%, 80.8%
CMYK 35.4%, 51.5%, 0.0%, 19.2% 16.0%, 0.0%, 51.5%, 19.2%
OKLCH 0.5855 0.158 295.5 0.8046 0.1386 123.8

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

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ADCE64 → 背景色: #8564CE

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

テキスト: #8564CE → 背景色: #ADCE64

色差 (Delta E)

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

グラデーション

#8564CE #9276BE #9C88AE #A4999E #A9AB8C #ACBC79 #ADCE64

カラーミキシング

#8564CE

100%

#987FB6

75:25

#A4999E

50:50

#ABB483

25:75

#ADCE64

100%

CSSグラデーションコード

background: linear-gradient(to right, #8564CE, #ADCE64);
background: linear-gradient(135deg, #8564CE, #ADCE64);

各色を詳しく見る

#8564CE

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

#ADCE64

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

関連する比較