#4AF2F8

#4AF2F8

#F8504A

#F8504A

コントラスト比

2.46:1

Delta E

120.86

Very Different

50:50 ミックス

#D1AB9D

カラー値

フォーマット #4AF2F8 #F8504A
HEX #4AF2F8 #F8504A
RGB 74, 242, 248 248, 80, 74
HSL 182.1, 92.6%, 63.1% 2.1, 92.6%, 63.1%
HSV 182.1, 70.2%, 97.3% 2.1, 70.2%, 97.3%
CMYK 70.2%, 2.4%, 0.0%, 2.7% 0.0%, 67.7%, 70.2%, 2.7%
OKLCH 0.8801 0.1337 198.6 0.6642 0.2054 26.4

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

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F8504A → 背景色: #4AF2F8

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

テキスト: #4AF2F8 → 背景色: #F8504A

色差 (Delta E)

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

グラデーション

#4AF2F8 #93DBD9 #B8C4BB #D1AB9D #E29181 #EF7465 #F8504A

カラーミキシング

#4AF2F8

100%

#A8CFCA

75:25

#D1AB9D

50:50

#E98373

25:75

#F8504A

100%

CSSグラデーションコード

background: linear-gradient(to right, #4AF2F8, #F8504A);
background: linear-gradient(135deg, #4AF2F8, #F8504A);

各色を詳しく見る

#4AF2F8

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

#F8504A

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

関連する比較