#7290FD

#7290FD

#FDDF72

#FDDF72

对比度

2.24:1

Delta E

119.48

Very Different

50:50 混合

#CBB5BC

颜色值

格式 #7290FD #FDDF72
HEX #7290FD #FDDF72
RGB 114, 144, 253 253, 223, 114
HSL 227.1, 97.2%, 72.0% 47.1, 97.2%, 72.0%
HSV 227.1, 54.9%, 99.2% 47.1, 54.9%, 99.2%
CMYK 54.9%, 43.1%, 0.0%, 0.8% 0.0%, 11.9%, 54.9%, 0.8%
OKLCH 0.6813 0.164 270.0 0.9072 0.1327 94.2

对比度与无障碍

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDF72 → 背景色: #7290FD

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

文本: #7290FD → 背景色: #FDDF72

色差 (Delta E)

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

渐变

#7290FD #989CE8 #B4A8D2 #CBB5BC #DEC3A5 #EED18D #FDDF72

颜色混合

#7290FD

100%

#A7A2DD

75:25

#CBB5BC

50:50

#E6CA99

25:75

#FDDF72

100%

CSS渐变代码

background: linear-gradient(to right, #7290FD, #FDDF72);
background: linear-gradient(135deg, #7290FD, #FDDF72);

探索每种颜色

#7290FD

查看完整颜色详情

#FDDF72

查看完整颜色详情

相关比较