#5265FF

#5265FF

#FFEC52

#FFEC52

コントラスト比

3.72:1

Delta E

166.28

Very Different

50:50 ミックス

#C9A5B3

カラー値

フォーマット #5265FF #FFEC52
HEX #5265FF #FFEC52
RGB 82, 101, 255 255, 236, 82
HSL 233.4, 100.0%, 66.1% 53.4, 100.0%, 66.1%
HSV 233.4, 67.8%, 100.0% 53.4, 67.8%, 100.0%
CMYK 67.8%, 60.4%, 0.0%, 0.0% 0.0%, 7.5%, 67.8%, 0.0%
OKLCH 0.5843 0.2271 271.9 0.9319 0.1681 102.2

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

3.72:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFEC52 → 背景色: #5265FF

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

テキスト: #5265FF → 背景色: #FFEC52

色差 (Delta E)

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

グラデーション

#5265FF #8B79E6 #AE8ECD #C9A5B3 #DEBC98 #F0D479 #FFEC52

カラーミキシング

#5265FF

100%

#9E84DA

75:25

#C9A5B3

50:50

#E7C889

25:75

#FFEC52

100%

CSSグラデーションコード

background: linear-gradient(to right, #5265FF, #FFEC52);
background: linear-gradient(135deg, #5265FF, #FFEC52);

各色を詳しく見る

#5265FF

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

#FFEC52

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

関連する比較