#C7F2B0

#C7F2B0

#DBB0F2

#DBB0F2

对比度

1.46:1

Delta E

77.03

Very Different

50:50 混合

#D4D2D2

颜色值

格式 #C7F2B0 #DBB0F2
HEX #C7F2B0 #DBB0F2
RGB 199, 242, 176 219, 176, 242
HSL 99.1, 71.7%, 82.0% 279.1, 71.7%, 82.0%
HSV 99.1, 27.3%, 94.9% 279.1, 27.3%, 94.9%
CMYK 17.8%, 0.0%, 27.3%, 5.1% 9.5%, 27.3%, 0.0%, 5.1%
OKLCH 0.9145 0.098 134.9 0.8175 0.1015 313.6

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB0F2 → 背景色: #C7F2B0

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

文本: #C7F2B0 → 背景色: #DBB0F2

色差 (Delta E)

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

渐变

#C7F2B0 #CCE7BC #D1DDC7 #D4D2D2 #D7C7DD #DABCE7 #DBB0F2

颜色混合

#C7F2B0

100%

#CFE2C1

75:25

#D4D2D2

50:50

#D9C1E2

25:75

#DBB0F2

100%

CSS渐变代码

background: linear-gradient(to right, #C7F2B0, #DBB0F2);
background: linear-gradient(135deg, #C7F2B0, #DBB0F2);

探索每种颜色

#C7F2B0

查看完整颜色详情

#DBB0F2

查看完整颜色详情

相关比较