#62ACF9

#62ACF9

#F9AF62

#F9AF62

コントラスト比

1.29:1

Delta E

97.23

Very Different

50:50 ミックス

#C6ADAF

カラー値

フォーマット #62ACF9 #F9AF62
HEX #62ACF9 #F9AF62
RGB 98, 172, 249 249, 175, 98
HSL 210.6, 92.6%, 68.0% 30.6, 92.6%, 68.0%
HSV 210.6, 60.6%, 97.6% 30.6, 60.6%, 97.6%
CMYK 60.6%, 30.9%, 0.0%, 2.4% 0.0%, 29.7%, 60.6%, 2.4%
OKLCH 0.7292 0.1349 251.0 0.8097 0.1275 65.4

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9AF62 → 背景色: #62ACF9

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

テキスト: #62ACF9 → 背景色: #F9AF62

色差 (Delta E)

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

グラデーション

#62ACF9 #90ACE0 #AFACC8 #C6ADAF #DAAE96 #EAAE7D #F9AF62

カラーミキシング

#62ACF9

100%

#A0ACD4

75:25

#C6ADAF

50:50

#E2AE8A

25:75

#F9AF62

100%

CSSグラデーションコード

background: linear-gradient(to right, #62ACF9, #F9AF62);
background: linear-gradient(135deg, #62ACF9, #F9AF62);

各色を詳しく見る

#62ACF9

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

#F9AF62

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

関連する比較