#4359AF

#4359AF

#AF9943

#AF9943

コントラスト比

2.27:1

Delta E

100.76

Very Different

50:50 ミックス

#8A777D

カラー値

フォーマット #4359AF #AF9943
HEX #4359AF #AF9943
RGB 67, 89, 175 175, 153, 67
HSL 227.8, 44.6%, 47.5% 47.8, 44.6%, 47.5%
HSV 227.8, 61.7%, 68.6% 47.8, 61.7%, 68.6%
CMYK 61.7%, 49.1%, 0.0%, 31.4% 0.0%, 12.6%, 61.7%, 31.4%
OKLCH 0.4923 0.1389 269.9 0.6854 0.1088 95.0

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

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF9943 → 背景色: #4359AF

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

テキスト: #4359AF → 背景色: #AF9943

色差 (Delta E)

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

グラデーション

#4359AF #63629F #796D8E #8A777D #98826C #A48D59 #AF9943

カラーミキシング

#4359AF

100%

#6F6796

75:25

#8A777D

50:50

#9E8862

25:75

#AF9943

100%

CSSグラデーションコード

background: linear-gradient(to right, #4359AF, #AF9943);
background: linear-gradient(135deg, #4359AF, #AF9943);

各色を詳しく見る

#4359AF

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

#AF9943

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

関連する比較