#769BDF

#769BDF

#DFBA76

#DFBA76

对比度

1.52:1

Delta E

78.95

Very Different

50:50 混合

#B7AAAC

颜色值

格式 #769BDF #DFBA76
HEX #769BDF #DFBA76
RGB 118, 155, 223 223, 186, 118
HSL 218.9, 62.1%, 66.9% 38.9, 62.1%, 66.9%
HSV 218.9, 47.1%, 87.5% 38.9, 47.1%, 87.5%
CMYK 47.1%, 30.5%, 0.0%, 12.5% 0.0%, 16.6%, 47.1%, 12.5%
OKLCH 0.69 0.1089 262.0 0.8065 0.0962 81.9

对比度与无障碍

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBA76 → 背景色: #769BDF

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

文本: #769BDF → 背景色: #DFBA76

色差 (Delta E)

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

渐变

#769BDF #90A0CE #A5A5BD #B7AAAC #C6AF9B #D3B489 #DFBA76

颜色混合

#769BDF

100%

#9BA2C6

75:25

#B7AAAC

50:50

#CCB292

25:75

#DFBA76

100%

CSS渐变代码

background: linear-gradient(to right, #769BDF, #DFBA76);
background: linear-gradient(135deg, #769BDF, #DFBA76);

探索每种颜色

#769BDF

查看完整颜色详情

#DFBA76

查看完整颜色详情

相关比较