#3983CF

#3983CF

#CF8539

#CF8539

对比度

1.33:1

Delta E

99.11

Very Different

50:50 混合

#A28387

颜色值

格式 #3983CF #CF8539
HEX #3983CF #CF8539
RGB 57, 131, 207 207, 133, 57
HSL 210.4, 61.0%, 51.8% 30.4, 61.0%, 51.8%
HSV 210.4, 72.5%, 81.2% 30.4, 72.5%, 81.2%
CMYK 72.5%, 36.7%, 0.0%, 18.8% 0.0%, 35.7%, 72.5%, 18.8%
OKLCH 0.6 0.1374 251.7 0.68 0.1278 63.1

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF8539 → 背景色: #3983CF

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

文本: #3983CF → 背景色: #CF8539

色差 (Delta E)

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

渐变

#3983CF #6E83B7 #8C839F #A28387 #B3846E #C28455 #CF8539

颜色混合

#3983CF

100%

#7E83AB

75:25

#A28387

50:50

#BB8462

25:75

#CF8539

100%

CSS渐变代码

background: linear-gradient(to right, #3983CF, #CF8539);
background: linear-gradient(135deg, #3983CF, #CF8539);

探索每种颜色

#3983CF

查看完整颜色详情

#CF8539

查看完整颜色详情

相关比较