#AFE7FD

#AFE7FD

#FDC5AF

#FDC5AF

对比度

1.14:1

Delta E

46.23

Very Different

50:50 混合

#DDD6D6

颜色值

格式 #AFE7FD #FDC5AF
HEX #AFE7FD #FDC5AF
RGB 175, 231, 253 253, 197, 175
HSL 196.9, 95.1%, 83.9% 16.9, 95.1%, 83.9%
HSV 196.9, 30.8%, 99.2% 16.9, 30.8%, 99.2%
CMYK 30.8%, 8.7%, 0.0%, 0.8% 0.0%, 22.1%, 30.8%, 0.8%
OKLCH 0.8969 0.0645 224.1 0.8678 0.0711 42.5

对比度与无障碍

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

文本可读性

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

文本: #FDC5AF → 背景色: #AFE7FD

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

文本: #AFE7FD → 背景色: #FDC5AF

色差 (Delta E)

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

渐变

#AFE7FD #C1E2F0 #D0DCE3 #DDD6D6 #E9D1C9 #F3CBBC #FDC5AF

颜色混合

#AFE7FD

100%

#C8DFE9

75:25

#DDD6D6

50:50

#EECEC2

25:75

#FDC5AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFE7FD, #FDC5AF);
background: linear-gradient(135deg, #AFE7FD, #FDC5AF);

探索每种颜色

#AFE7FD

查看完整颜色详情

#FDC5AF

查看完整颜色详情

相关比较