#6E64CF

#6E64CF

#C5CF64

#C5CF64

コントラスト比

2.85:1

Delta E

121.25

Very Different

50:50 ミックス

#A7989F

カラー値

フォーマット #6E64CF #C5CF64
HEX #6E64CF #C5CF64
RGB 110, 100, 207 197, 207, 100
HSL 245.6, 52.7%, 60.2% 65.6, 52.7%, 60.2%
HSV 245.6, 51.7%, 81.2% 65.6, 51.7%, 81.2%
CMYK 46.9%, 51.7%, 0.0%, 18.8% 4.8%, 0.0%, 51.7%, 18.8%
OKLCH 0.5659 0.1596 284.3 0.8248 0.132 113.7

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

2.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C5CF64 → 背景色: #6E64CF

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

テキスト: #6E64CF → 背景色: #C5CF64

色差 (Delta E)

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

グラデーション

#6E64CF #8675BF #9886AF #A7989F #B3AA8D #BDBC7A #C5CF64

カラーミキシング

#6E64CF

100%

#907EB7

75:25

#A7989F

50:50

#B8B384

25:75

#C5CF64

100%

CSSグラデーションコード

background: linear-gradient(to right, #6E64CF, #C5CF64);
background: linear-gradient(135deg, #6E64CF, #C5CF64);

各色を詳しく見る

#6E64CF

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

#C5CF64

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

関連する比較