#C3AFF0

#C3AFF0

#DCF0AF

#DCF0AF

コントラスト比

1.6:1

Delta E

71.87

Very Different

50:50 ミックス

#D3CFD1

カラー値

フォーマット #C3AFF0 #DCF0AF
HEX #C3AFF0 #DCF0AF
RGB 195, 175, 240 220, 240, 175
HSL 258.5, 68.4%, 81.4% 78.5, 68.4%, 81.4%
HSV 258.5, 27.1%, 94.1% 78.5, 27.1%, 94.1%
CMYK 18.8%, 27.1%, 0.0%, 5.9% 8.3%, 0.0%, 27.1%, 5.9%
OKLCH 0.7937 0.093 298.4 0.9246 0.0871 122.0

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

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCF0AF → 背景色: #C3AFF0

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

テキスト: #C3AFF0 → 背景色: #DCF0AF

色差 (Delta E)

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

グラデーション

#C3AFF0 #C9BAE6 #CEC5DB #D3CFD1 #D6DAC6 #DAE5BB #DCF0AF

カラーミキシング

#C3AFF0

100%

#CCBFE1

75:25

#D3CFD1

50:50

#D8E0C0

25:75

#DCF0AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #C3AFF0, #DCF0AF);
background: linear-gradient(135deg, #C3AFF0, #DCF0AF);

各色を詳しく見る

#C3AFF0

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

#DCF0AF

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

関連する比較