#5F78EE

#5F78EE

#EED55F

#EED55F

コントラスト比

2.65:1

Delta E

130.23

Very Different

50:50 ミックス

#BDA4AD

カラー値

フォーマット #5F78EE #EED55F
HEX #5F78EE #EED55F
RGB 95, 120, 238 238, 213, 95
HSL 229.5, 80.8%, 65.3% 49.5, 80.8%, 65.3%
HSV 229.5, 60.1%, 93.3% 49.5, 60.1%, 93.3%
CMYK 60.1%, 49.6%, 0.0%, 6.7% 0.0%, 10.5%, 60.1%, 6.7%
OKLCH 0.6138 0.1787 271.2 0.8716 0.1395 97.4

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

2.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EED55F → 背景色: #5F78EE

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

テキスト: #5F78EE → 背景色: #EED55F

色差 (Delta E)

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

グラデーション

#5F78EE #8986D9 #A695C3 #BDA4AD #CFB495 #E0C47C #EED55F

カラーミキシング

#5F78EE

100%

#998DCE

75:25

#BDA4AD

50:50

#D8BC89

25:75

#EED55F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5F78EE, #EED55F);
background: linear-gradient(135deg, #5F78EE, #EED55F);

各色を詳しく見る

#5F78EE

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

#EED55F

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

関連する比較