#7C9BCE

#7C9BCE

#CEAF7C

#CEAF7C

コントラスト比

1.35:1

Delta E

60.67

Very Different

50:50 ミックス

#ADA5A6

カラー値

フォーマット #7C9BCE #CEAF7C
HEX #7C9BCE #CEAF7C
RGB 124, 155, 206 206, 175, 124
HSL 217.3, 45.6%, 64.7% 37.3, 45.6%, 64.7%
HSV 217.3, 39.8%, 80.8% 37.3, 39.8%, 80.8%
CMYK 39.8%, 24.8%, 0.0%, 19.2% 0.0%, 15.0%, 39.8%, 19.2%
OKLCH 0.6858 0.0834 260.2 0.7693 0.0763 79.7

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CEAF7C → 背景色: #7C9BCE

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

テキスト: #7C9BCE → 背景色: #CEAF7C

色差 (Delta E)

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

グラデーション

#7C9BCE #8F9EC1 #9FA1B3 #ADA5A6 #B9A898 #C4AB8A #CEAF7C

カラーミキシング

#7C9BCE

100%

#97A0BA

75:25

#ADA5A6

50:50

#BFAA91

25:75

#CEAF7C

100%

CSSグラデーションコード

background: linear-gradient(to right, #7C9BCE, #CEAF7C);
background: linear-gradient(135deg, #7C9BCE, #CEAF7C);

各色を詳しく見る

#7C9BCE

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

#CEAF7C

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

関連する比較