#7CD3F4

#7CD3F4

#F49D7C

#F49D7C

对比度

1.25:1

Delta E

72.44

Very Different

50:50 混合

#CAB9B7

颜色值

格式 #7CD3F4 #F49D7C
HEX #7CD3F4 #F49D7C
RGB 124, 211, 244 244, 157, 124
HSL 196.5, 84.5%, 72.2% 16.5, 84.5%, 72.2%
HSV 196.5, 49.2%, 95.7% 16.5, 49.2%, 95.7%
CMYK 49.2%, 13.5%, 0.0%, 4.3% 0.0%, 35.7%, 49.2%, 4.3%
OKLCH 0.824 0.0959 224.6 0.7761 0.1141 41.5

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F49D7C → 背景色: #7CD3F4

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

文本: #7CD3F4 → 背景色: #F49D7C

色差 (Delta E)

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

渐变

#7CD3F4 #9ECBE0 #B7C2CB #CAB9B7 #DAB0A3 #E8A790 #F49D7C

颜色混合

#7CD3F4

100%

#ABC6D5

75:25

#CAB9B7

50:50

#E2AC9A

25:75

#F49D7C

100%

CSS渐变代码

background: linear-gradient(to right, #7CD3F4, #F49D7C);
background: linear-gradient(135deg, #7CD3F4, #F49D7C);

探索每种颜色

#7CD3F4

查看完整颜色详情

#F49D7C

查看完整颜色详情

相关比较