#7F9CEC

#7F9CEC

#ECCF7F

#ECCF7F

对比度

1.75:1

Delta E

89.45

Very Different

50:50 混合

#C2B4B8

颜色值

格式 #7F9CEC #ECCF7F
HEX #7F9CEC #ECCF7F
RGB 127, 156, 236 236, 207, 127
HSL 224.0, 74.1%, 71.2% 44.0, 74.1%, 71.2%
HSV 224.0, 46.2%, 92.5% 44.0, 46.2%, 92.5%
CMYK 46.2%, 33.9%, 0.0%, 7.5% 0.0%, 12.3%, 46.2%, 7.5%
OKLCH 0.704 0.1222 268.0 0.8618 0.1047 90.2

对比度与无障碍

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECCF7F → 背景色: #7F9CEC

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

文本: #7F9CEC → 背景色: #ECCF7F

色差 (Delta E)

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

渐变

#7F9CEC #9AA4DB #B0ACC9 #C2B4B8 #D1BDA6 #DFC693 #ECCF7F

颜色混合

#7F9CEC

100%

#A5A8D2

75:25

#C2B4B8

50:50

#D8C19C

25:75

#ECCF7F

100%

CSS渐变代码

background: linear-gradient(to right, #7F9CEC, #ECCF7F);
background: linear-gradient(135deg, #7F9CEC, #ECCF7F);

探索每种颜色

#7F9CEC

查看完整颜色详情

#ECCF7F

查看完整颜色详情

相关比较