#C0F0AF

#C0F0AF

#DFAFF0

#DFAFF0

对比度

1.42:1

Delta E

77.5

Very Different

50:50 混合

#D3D1D0

颜色值

格式 #C0F0AF #DFAFF0
HEX #C0F0AF #DFAFF0
RGB 192, 240, 175 223, 175, 240
HSL 104.3, 68.4%, 81.4% 284.3, 68.4%, 81.4%
HSV 104.3, 27.1%, 94.1% 284.3, 27.1%, 94.1%
CMYK 20.0%, 0.0%, 27.1%, 5.9% 7.1%, 27.1%, 0.0%, 5.9%
OKLCH 0.9054 0.0997 137.6 0.8187 0.1029 317.1

对比度与无障碍

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFAFF0 → 背景色: #C0F0AF

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

文本: #C0F0AF → 背景色: #DFAFF0

色差 (Delta E)

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

渐变

#C0F0AF #C7E6BA #CEDBC6 #D3D1D0 #D8C6DB #DCBBE6 #DFAFF0

颜色混合

#C0F0AF

100%

#CBE1C0

75:25

#D3D1D0

50:50

#DAC0E0

25:75

#DFAFF0

100%

CSS渐变代码

background: linear-gradient(to right, #C0F0AF, #DFAFF0);
background: linear-gradient(135deg, #C0F0AF, #DFAFF0);

探索每种颜色

#C0F0AF

查看完整颜色详情

#DFAFF0

查看完整颜色详情

相关比较