#4FD0F9

#4FD0F9

#F9784F

#F9784F

コントラスト比

1.5:1

Delta E

103.39

Very Different

50:50 ミックス

#CAA8A3

カラー値

フォーマット #4FD0F9 #F9784F
HEX #4FD0F9 #F9784F
RGB 79, 208, 249 249, 120, 79
HSL 194.5, 93.4%, 64.3% 14.5, 93.4%, 64.3%
HSV 194.5, 68.3%, 97.6% 14.5, 68.3%, 97.6%
CMYK 68.3%, 16.5%, 0.0%, 2.4% 0.0%, 51.8%, 68.3%, 2.4%
OKLCH 0.8031 0.1249 222.9 0.7164 0.1679 38.2

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9784F → 背景色: #4FD0F9

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

テキスト: #4FD0F9 → 背景色: #F9784F

色差 (Delta E)

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

グラデーション

#4FD0F9 #8EC3DC #B1B6BF #CAA8A3 #DE9987 #ED896B #F9784F

カラーミキシング

#4FD0F9

100%

#A2BCCD

75:25

#CAA8A3

50:50

#E69179

25:75

#F9784F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4FD0F9, #F9784F);
background: linear-gradient(135deg, #4FD0F9, #F9784F);

各色を詳しく見る

#4FD0F9

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

#F9784F

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

関連する比較