#6F5DDF

#6F5DDF

#CDDF5D

#CDDF5D

对比度

3.32:1

Delta E

145.03

Very Different

50:50 混合

#B09DA5

颜色值

格式 #6F5DDF #CDDF5D
HEX #6F5DDF #CDDF5D
RGB 111, 93, 223 205, 223, 93
HSL 248.3, 67.0%, 62.0% 68.3, 67.0%, 62.0%
HSV 248.3, 58.3%, 87.5% 68.3, 58.3%, 87.5%
CMYK 50.2%, 58.3%, 0.0%, 12.5% 8.1%, 0.0%, 58.3%, 12.5%
OKLCH 0.5657 0.1902 284.9 0.8649 0.1551 116.4

对比度与无障碍

3.32:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CDDF5D → 背景色: #6F5DDF

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

文本: #6F5DDF → 背景色: #CDDF5D

色差 (Delta E)

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

渐变

#6F5DDF #8B72CC #A087B9 #B09DA5 #BCB390 #C6C979 #CDDF5D

颜色混合

#6F5DDF

100%

#967CC3

75:25

#B09DA5

50:50

#C1BE85

25:75

#CDDF5D

100%

CSS渐变代码

background: linear-gradient(to right, #6F5DDF, #CDDF5D);
background: linear-gradient(135deg, #6F5DDF, #CDDF5D);

探索每种颜色

#6F5DDF

查看完整颜色详情

#CDDF5D

查看完整颜色详情

相关比较