#5C72DA

#5C72DA

#DAC45C

#DAC45C

コントラスト比

2.47:1

Delta E

116.77

Very Different

50:50 ミックス

#AE99A0

カラー値

フォーマット #5C72DA #DAC45C
HEX #5C72DA #DAC45C
RGB 92, 114, 218 218, 196, 92
HSL 229.5, 63.0%, 60.8% 49.5, 63.0%, 60.8%
HSV 229.5, 57.8%, 85.5% 49.5, 57.8%, 85.5%
CMYK 57.8%, 47.7%, 0.0%, 14.5% 0.0%, 10.1%, 57.8%, 14.5%
OKLCH 0.5871 0.1598 271.7 0.8185 0.1265 97.5

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

2.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DAC45C → 背景色: #5C72DA

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

テキスト: #5C72DA → 背景色: #DAC45C

色差 (Delta E)

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

グラデーション

#5C72DA #807EC7 #998BB4 #AE99A0 #BEA78B #CDB575 #DAC45C

カラーミキシング

#5C72DA

100%

#8E85BD

75:25

#AE99A0

50:50

#C6AE81

25:75

#DAC45C

100%

CSSグラデーションコード

background: linear-gradient(to right, #5C72DA, #DAC45C);
background: linear-gradient(135deg, #5C72DA, #DAC45C);

各色を詳しく見る

#5C72DA

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

#DAC45C

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

関連する比較