#AFCCEC

#AFCCEC

#ECCFAF

#ECCFAF

对比度

1.11:1

Delta E

39.64

Very Different

50:50 混合

#D1CDCE

颜色值

格式 #AFCCEC #ECCFAF
HEX #AFCCEC #ECCFAF
RGB 175, 204, 236 236, 207, 175
HSL 211.5, 61.6%, 80.6% 31.5, 61.6%, 80.6%
HSV 211.5, 25.8%, 92.5% 31.5, 25.8%, 92.5%
CMYK 25.8%, 13.6%, 0.0%, 7.5% 0.0%, 12.3%, 25.8%, 7.5%
OKLCH 0.8345 0.0548 251.0 0.8707 0.0536 69.8

对比度与无障碍

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECCFAF → 背景色: #AFCCEC

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

文本: #AFCCEC → 背景色: #ECCFAF

色差 (Delta E)

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

渐变

#AFCCEC #BCCCE2 #C7CDD8 #D1CDCE #DBCEC4 #E4CEB9 #ECCFAF

颜色混合

#AFCCEC

100%

#C1CDDD

75:25

#D1CDCE

50:50

#DFCEBE

25:75

#ECCFAF

100%

CSS渐变代码

background: linear-gradient(to right, #AFCCEC, #ECCFAF);
background: linear-gradient(135deg, #AFCCEC, #ECCFAF);

探索每种颜色

#AFCCEC

查看完整颜色详情

#ECCFAF

查看完整颜色详情

相关比较