#7794EC

#7794EC

#ECCF77

#ECCF77

コントラスト比

1.9:1

Delta E

98.15

Very Different

50:50 ミックス

#C0B0B4

カラー値

フォーマット #7794EC #ECCF77
HEX #7794EC #ECCF77
RGB 119, 148, 236 236, 207, 119
HSL 225.1, 75.5%, 69.6% 45.1, 75.5%, 69.6%
HSV 225.1, 49.6%, 92.5% 45.1, 49.6%, 92.5%
CMYK 49.6%, 37.3%, 0.0%, 7.5% 0.0%, 12.3%, 49.6%, 7.5%
OKLCH 0.6827 0.1343 268.9 0.8606 0.1127 91.7

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECCF77 → 背景色: #7794EC

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

テキスト: #7794EC → 背景色: #ECCF77

色差 (Delta E)

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

グラデーション

#7794EC #959DDA #ACA6C7 #C0B0B4 #D0BAA1 #DFC48D #ECCF77

カラーミキシング

#7794EC

100%

#A2A2D0

75:25

#C0B0B4

50:50

#D8BF97

25:75

#ECCF77

100%

CSSグラデーションコード

background: linear-gradient(to right, #7794EC, #ECCF77);
background: linear-gradient(135deg, #7794EC, #ECCF77);

各色を詳しく見る

#7794EC

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

#ECCF77

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

関連する比較