#959CF2

#959CF2

#F2EB95

#F2EB95

对比度

2.06:1

Delta E

94.22

Very Different

50:50 混合

#CCC2C6

颜色值

格式 #959CF2 #F2EB95
HEX #959CF2 #F2EB95
RGB 149, 156, 242 242, 235, 149
HSL 235.5, 78.2%, 76.7% 55.5, 78.2%, 76.7%
HSV 235.5, 38.4%, 94.9% 55.5, 38.4%, 94.9%
CMYK 38.4%, 35.5%, 0.0%, 5.1% 0.0%, 2.9%, 38.4%, 5.1%
OKLCH 0.7219 0.1247 279.2 0.9267 0.1074 104.3

对比度与无障碍

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2EB95 → 背景色: #959CF2

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

文本: #959CF2 → 背景色: #F2EB95

色差 (Delta E)

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

渐变

#959CF2 #ABA8E4 #BDB5D5 #CCC2C6 #DAD0B7 #E7DDA6 #F2EB95

颜色混合

#959CF2

100%

#B4AFDC

75:25

#CCC2C6

50:50

#E1D6AF

25:75

#F2EB95

100%

CSS渐变代码

background: linear-gradient(to right, #959CF2, #F2EB95);
background: linear-gradient(135deg, #959CF2, #F2EB95);

探索每种颜色

#959CF2

查看完整颜色详情

#F2EB95

查看完整颜色详情

相关比较