#4CD3FF

#4CD3FF

#FF784C

#FF784C

对比度

1.5:1

Delta E

108.06

Very Different

50:50 混合

颜色值

格式 #4CD3FF #FF784C
HEX #4CD3FF #FF784C
RGB 76, 211, 255 255, 120, 76
HSL 194.7, 100.0%, 64.9% 14.7, 100.0%, 64.9%
HSV 194.7, 70.2%, 100.0% 14.7, 70.2%, 100.0%
CMYK 70.2%, 17.3%, 0.0%, 0.0% 0.0%, 52.9%, 70.2%, 0.0%
OKLCH 0.8116 0.1297 223.8 0.7245 0.1752 38.4

对比度与无障碍

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

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #FF784C → 背景色: #4CD3FF

敏捷的棕色狐狸跳过了懒狗

文本: #4CD3FF → 背景色: #FF784C

色差 (Delta E)

108.06 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #4CD3FF, #FF784C);
background: linear-gradient(135deg, #4CD3FF, #FF784C);

探索每种颜色

相关比较