#C7F7AF

#C7F7AF

#DFAFF7

#DFAFF7

对比度

1.49:1

Delta E

84.04

Very Different

50:50 混合

#D7D4D4

颜色值

格式 #C7F7AF #DFAFF7
HEX #C7F7AF #DFAFF7
RGB 199, 247, 175 223, 175, 247
HSL 100.0, 81.8%, 82.7% 280.0, 81.8%, 82.7%
HSV 100.0, 29.1%, 96.9% 280.0, 29.1%, 96.9%
CMYK 19.4%, 0.0%, 29.1%, 3.1% 9.7%, 29.1%, 0.0%, 3.1%
OKLCH 0.9251 0.1069 135.5 0.8214 0.1109 314.2

对比度与无障碍

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

文本可读性

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

文本: #DFAFF7 → 背景色: #C7F7AF

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

文本: #C7F7AF → 背景色: #DFAFF7

色差 (Delta E)

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

渐变

#C7F7AF #CDECBC #D3E0C8 #D7D4D4 #DBC8E0 #DDBCEC #DFAFF7

颜色混合

#C7F7AF

100%

#D0E6C2

75:25

#D7D4D4

50:50

#DCC2E6

25:75

#DFAFF7

100%

CSS渐变代码

background: linear-gradient(to right, #C7F7AF, #DFAFF7);
background: linear-gradient(135deg, #C7F7AF, #DFAFF7);

探索每种颜色

#C7F7AF

查看完整颜色详情

#DFAFF7

查看完整颜色详情

相关比较