#98DFF2

#98DFF2

#F2AB98

#F2AB98

对比度

1.28:1

Delta E

55.69

Very Different

50:50 混合

#D0C6C4

颜色值

格式 #98DFF2 #F2AB98
HEX #98DFF2 #F2AB98
RGB 152, 223, 242 242, 171, 152
HSL 192.7, 77.6%, 77.3% 12.7, 77.6%, 77.3%
HSV 192.7, 37.2%, 94.9% 12.7, 37.2%, 94.9%
CMYK 37.2%, 7.9%, 0.0%, 5.1% 0.0%, 29.3%, 37.2%, 5.1%
OKLCH 0.8632 0.0753 216.4 0.8041 0.0884 35.6

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2AB98 → 背景色: #98DFF2

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

文本: #98DFF2 → 背景色: #F2AB98

色差 (Delta E)

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

渐变

#98DFF2 #AED7E3 #C0CED3 #D0C6C4 #DDBDB5 #E8B4A7 #F2AB98

颜色混合

#98DFF2

100%

#B8D3DB

75:25

#D0C6C4

50:50

#E3B9AE

25:75

#F2AB98

100%

CSS渐变代码

background: linear-gradient(to right, #98DFF2, #F2AB98);
background: linear-gradient(135deg, #98DFF2, #F2AB98);

探索每种颜色

#98DFF2

查看完整颜色详情

#F2AB98

查看完整颜色详情

相关比较