#8CD3F4

#8CD3F4

#F4AD8C

#F4AD8C

对比度

1.14:1

Delta E

62.11

Very Different

50:50 混合

#CDC1C0

颜色值

格式 #8CD3F4 #F4AD8C
HEX #8CD3F4 #F4AD8C
RGB 140, 211, 244 244, 173, 140
HSL 199.0, 82.5%, 75.3% 19.0, 82.5%, 75.3%
HSV 199.0, 42.6%, 95.7% 19.0, 42.6%, 95.7%
CMYK 42.6%, 13.5%, 0.0%, 4.3% 0.0%, 29.1%, 42.6%, 4.3%
OKLCH 0.8317 0.0847 228.9 0.8073 0.0952 45.8

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4AD8C → 背景色: #8CD3F4

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

文本: #8CD3F4 → 背景色: #F4AD8C

色差 (Delta E)

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

渐变

#8CD3F4 #A7CDE2 #BCC7D1 #CDC1C0 #DCBAAE #E9B49D #F4AD8C

颜色混合

#8CD3F4

100%

#B2CADA

75:25

#CDC1C0

50:50

#E2B7A6

25:75

#F4AD8C

100%

CSS渐变代码

background: linear-gradient(to right, #8CD3F4, #F4AD8C);
background: linear-gradient(135deg, #8CD3F4, #F4AD8C);

探索每种颜色

#8CD3F4

查看完整颜色详情

#F4AD8C

查看完整颜色详情

相关比较