#6C6ECA

#6C6ECA

#CAC86C

#CAC86C

コントラスト比

2.54:1

Delta E

104.72

Very Different

50:50 ミックス

#A6999F

カラー値

フォーマット #6C6ECA #CAC86C
HEX #6C6ECA #CAC86C
RGB 108, 110, 202 202, 200, 108
HSL 238.7, 47.0%, 60.8% 58.7, 47.0%, 60.8%
HSV 238.7, 46.5%, 79.2% 58.7, 46.5%, 79.2%
CMYK 46.5%, 45.5%, 0.0%, 20.8% 0.0%, 1.0%, 46.5%, 20.8%
OKLCH 0.58 0.1389 280.2 0.8148 0.1151 107.6

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

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CAC86C → 背景色: #6C6ECA

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

テキスト: #6C6ECA → 背景色: #CAC86C

色差 (Delta E)

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

グラデーション

#6C6ECA #847CBC #978BAE #A6999F #B4A98F #C0B87F #CAC86C

カラーミキシング

#6C6ECA

100%

#8E83B5

75:25

#A6999F

50:50

#BAB087

25:75

#CAC86C

100%

CSSグラデーションコード

background: linear-gradient(to right, #6C6ECA, #CAC86C);
background: linear-gradient(135deg, #6C6ECA, #CAC86C);

各色を詳しく見る

#6C6ECA

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

#CAC86C

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

関連する比較