#769CDF

#769CDF

#DFB976

#DFB976

对比度

1.49:1

Delta E

78.12

Very Different

50:50 混合

#B7AAAC

颜色值

格式 #769CDF #DFB976
HEX #769CDF #DFB976
RGB 118, 156, 223 223, 185, 118
HSL 218.3, 62.1%, 66.9% 38.3, 62.1%, 66.9%
HSV 218.3, 47.1%, 87.5% 38.3, 47.1%, 87.5%
CMYK 47.1%, 30.0%, 0.0%, 12.5% 0.0%, 17.0%, 47.1%, 12.5%
OKLCH 0.6921 0.1079 261.3 0.8045 0.0957 80.9

对比度与无障碍

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB976 → 背景色: #769CDF

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

文本: #769CDF → 背景色: #DFB976

色差 (Delta E)

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

渐变

#769CDF #90A0CE #A5A5BD #B7AAAC #C6AF9B #D3B489 #DFB976

颜色混合

#769CDF

100%

#9BA3C6

75:25

#B7AAAC

50:50

#CCB192

25:75

#DFB976

100%

CSS渐变代码

background: linear-gradient(to right, #769CDF, #DFB976);
background: linear-gradient(135deg, #769CDF, #DFB976);

探索每种颜色

#769CDF

查看完整颜色详情

#DFB976

查看完整颜色详情

相关比较