#2F8EEE

#2F8EEE

#EE8F2F

#EE8F2F

对比度

1.38:1

Delta E

121.05

Very Different

50:50 混合

#BA8D94

颜色值

格式 #2F8EEE #EE8F2F
HEX #2F8EEE #EE8F2F
RGB 47, 142, 238 238, 143, 47
HSL 210.2, 84.9%, 55.9% 30.2, 84.9%, 55.9%
HSV 210.2, 80.3%, 93.3% 30.2, 80.3%, 93.3%
CMYK 80.3%, 40.3%, 0.0%, 6.7% 0.0%, 39.9%, 80.3%, 6.7%
OKLCH 0.6402 0.1679 252.5 0.7353 0.1544 60.6

对比度与无障碍

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EE8F2F → 背景色: #2F8EEE

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

文本: #2F8EEE → 背景色: #EE8F2F

色差 (Delta E)

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

渐变

#2F8EEE #7A8ED0 #9F8DB2 #BA8D94 #CE8E75 #DF8E55 #EE8F2F

颜色混合

#2F8EEE

100%

#8F8DC1

75:25

#BA8D94

50:50

#D78E66

25:75

#EE8F2F

100%

CSS渐变代码

background: linear-gradient(to right, #2F8EEE, #EE8F2F);
background: linear-gradient(135deg, #2F8EEE, #EE8F2F);

探索每种颜色

#2F8EEE

查看完整颜色详情

#EE8F2F

查看完整颜色详情

相关比较