#83ABDF

#83ABDF

#DFB783

#DFB783

对比度

1.27:1

Delta E

63.32

Very Different

50:50 混合

#BAB1B2

颜色值

格式 #83ABDF #DFB783
HEX #83ABDF #DFB783
RGB 131, 171, 223 223, 183, 131
HSL 213.9, 59.0%, 69.4% 33.9, 59.0%, 69.4%
HSV 213.9, 41.3%, 87.5% 33.9, 41.3%, 87.5%
CMYK 41.3%, 23.3%, 0.0%, 12.5% 0.0%, 17.9%, 41.3%, 12.5%
OKLCH 0.7318 0.0876 255.2 0.8028 0.0821 73.5

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB783 → 背景色: #83ABDF

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

文本: #83ABDF → 背景色: #DFB783

色差 (Delta E)

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

渐变

#83ABDF #99ADD0 #ABAFC1 #BAB1B2 #C8B3A2 #D4B593 #DFB783

颜色混合

#83ABDF

100%

#A2AEC8

75:25

#BAB1B2

50:50

#CEB49B

25:75

#DFB783

100%

CSS渐变代码

background: linear-gradient(to right, #83ABDF, #DFB783);
background: linear-gradient(135deg, #83ABDF, #DFB783);

探索每种颜色

#83ABDF

查看完整颜色详情

#DFB783

查看完整颜色详情

相关比较