#C6F6AF

#C6F6AF

#DFAFF6

#DFAFF6

对比度

1.48:1

Delta E

83.1

Very Different

50:50 混合

#D7D4D4

颜色值

格式 #C6F6AF #DFAFF6
HEX #C6F6AF #DFAFF6
RGB 198, 246, 175 223, 175, 246
HSL 100.6, 79.8%, 82.5% 280.6, 79.8%, 82.5%
HSV 100.6, 28.9%, 96.5% 280.6, 28.9%, 96.5%
CMYK 19.5%, 0.0%, 28.9%, 3.5% 9.3%, 28.9%, 0.0%, 3.5%
OKLCH 0.9223 0.1058 135.8 0.821 0.1098 314.6

对比度与无障碍

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFAFF6 → 背景色: #C6F6AF

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

文本: #C6F6AF → 背景色: #DFAFF6

色差 (Delta E)

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

渐变

#C6F6AF #CDEBBC #D2DFC8 #D7D4D4 #DAC8DF #DDBCEB #DFAFF6

颜色混合

#C6F6AF

100%

#CFE5C2

75:25

#D7D4D4

50:50

#DCC2E5

25:75

#DFAFF6

100%

CSS渐变代码

background: linear-gradient(to right, #C6F6AF, #DFAFF6);
background: linear-gradient(135deg, #C6F6AF, #DFAFF6);

探索每种颜色

#C6F6AF

查看完整颜色详情

#DFAFF6

查看完整颜色详情

相关比较