#ABD5FC

#ABD5FC

#FCD2AB

#FCD2AB

对比度

1.09:1

Delta E

50.47

Very Different

50:50 混合

#DAD3D4

颜色值

格式 #ABD5FC #FCD2AB
HEX #ABD5FC #FCD2AB
RGB 171, 213, 252 252, 210, 171
HSL 208.9, 93.1%, 82.9% 28.9, 93.1%, 82.9%
HSV 208.9, 32.1%, 98.8% 28.9, 32.1%, 98.8%
CMYK 32.1%, 15.5%, 0.0%, 1.2% 0.0%, 16.7%, 32.1%, 1.2%
OKLCH 0.8564 0.0703 246.7 0.8903 0.0697 64.6

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FCD2AB → 背景色: #ABD5FC

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

文本: #ABD5FC → 背景色: #FCD2AB

色差 (Delta E)

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

渐变

#ABD5FC #BDD4EF #CCD4E1 #DAD3D4 #E6D3C6 #F2D2B9 #FCD2AB

颜色混合

#ABD5FC

100%

#C5D4E8

75:25

#DAD3D4

50:50

#ECD3BF

25:75

#FCD2AB

100%

CSS渐变代码

background: linear-gradient(to right, #ABD5FC, #FCD2AB);
background: linear-gradient(135deg, #ABD5FC, #FCD2AB);

探索每种颜色

#ABD5FC

查看完整颜色详情

#FCD2AB

查看完整颜色详情

相关比较