#596CDF

#596CDF

#DFCC59

#DFCC59

对比度

2.79:1

Delta E

128.27

Very Different

50:50 混合

#B199A2

颜色值

格式 #596CDF #DFCC59
HEX #596CDF #DFCC59
RGB 89, 108, 223 223, 204, 89
HSL 231.5, 67.7%, 61.2% 51.5, 67.7%, 61.2%
HSV 231.5, 60.1%, 87.5% 51.5, 60.1%, 87.5%
CMYK 60.1%, 51.6%, 0.0%, 12.5% 0.0%, 8.5%, 60.1%, 12.5%
OKLCH 0.5769 0.1751 272.7 0.8391 0.1361 100.0

对比度与无障碍

2.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFCC59 → 背景色: #596CDF

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

文本: #596CDF → 背景色: #DFCC59

色差 (Delta E)

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

渐变

#596CDF #817ACB #9C8AB7 #B199A2 #C3AA8C #D2BB75 #DFCC59

颜色混合

#596CDF

100%

#8F82C1

75:25

#B199A2

50:50

#CAB281

25:75

#DFCC59

100%

CSS渐变代码

background: linear-gradient(to right, #596CDF, #DFCC59);
background: linear-gradient(135deg, #596CDF, #DFCC59);

探索每种颜色

#596CDF

查看完整颜色详情

#DFCC59

查看完整颜色详情

相关比较