#74AEF4

#74AEF4

#F4BA74

#F4BA74

コントラスト比

1.33:1

Delta E

85.43

Very Different

50:50 ミックス

#C5B3B5

カラー値

フォーマット #74AEF4 #F4BA74
HEX #74AEF4 #F4BA74
RGB 116, 174, 244 244, 186, 116
HSL 212.8, 85.3%, 70.6% 32.8, 85.3%, 70.6%
HSV 212.8, 52.5%, 95.7% 32.8, 52.5%, 95.7%
CMYK 52.5%, 28.7%, 0.0%, 4.3% 0.0%, 23.8%, 52.5%, 4.3%
OKLCH 0.7395 0.1188 253.8 0.8272 0.1101 70.5

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4BA74 → 背景色: #74AEF4

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

テキスト: #74AEF4 → 背景色: #F4BA74

色差 (Delta E)

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

グラデーション

#74AEF4 #97B0DF #B1B1CA #C5B3B5 #D7B5A0 #E6B88B #F4BA74

カラーミキシング

#74AEF4

100%

#A5B1D5

75:25

#C5B3B5

50:50

#DFB795

25:75

#F4BA74

100%

CSSグラデーションコード

background: linear-gradient(to right, #74AEF4, #F4BA74);
background: linear-gradient(135deg, #74AEF4, #F4BA74);

各色を詳しく見る

#74AEF4

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

#F4BA74

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

関連する比較