#98B6FD

#98B6FD

#FDDF98

#FDDF98

对比度

1.55:1

Delta E

78.75

Very Different

50:50 混合

#D4CACC

颜色值

格式 #98B6FD #FDDF98
HEX #98B6FD #FDDF98
RGB 152, 182, 253 253, 223, 152
HSL 222.2, 96.2%, 79.4% 42.2, 96.2%, 79.4%
HSV 222.2, 39.9%, 99.2% 42.2, 39.9%, 99.2%
CMYK 39.9%, 28.1%, 0.0%, 0.8% 0.0%, 11.9%, 39.9%, 0.8%
OKLCH 0.7811 0.1072 266.4 0.9127 0.0951 87.6

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDF98 → 背景色: #98B6FD

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

文本: #98B6FD → 背景色: #FDDF98

色差 (Delta E)

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

渐变

#98B6FD #B0BCED #C3C3DD #D4CACC #E3D1BB #F1D8AA #FDDF98

颜色混合

#98B6FD

100%

#BAC0E5

75:25

#D4CACC

50:50

#EAD4B3

25:75

#FDDF98

100%

CSS渐变代码

background: linear-gradient(to right, #98B6FD, #FDDF98);
background: linear-gradient(135deg, #98B6FD, #FDDF98);

探索每种颜色

#98B6FD

查看完整颜色详情

#FDDF98

查看完整颜色详情

相关比较