#7CEEB0

#7CEEB0

#EE7CBA

#EE7CBA

对比度

1.79:1

Delta E

104.55

Very Different

50:50 混合

#C4BBB6

颜色值

格式 #7CEEB0 #EE7CBA
HEX #7CEEB0 #EE7CBA
RGB 124, 238, 176 238, 124, 186
HSL 147.4, 77.0%, 71.0% 327.4, 77.0%, 71.0%
HSV 147.4, 47.9%, 93.3% 327.4, 47.9%, 93.3%
CMYK 47.9%, 0.0%, 26.1%, 6.7% 0.0%, 47.9%, 21.8%, 6.7%
OKLCH 0.8655 0.1372 158.0 0.7327 0.1563 347.8

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EE7CBA → 背景色: #7CEEB0

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

文本: #7CEEB0 → 背景色: #EE7CBA

色差 (Delta E)

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

渐变

#7CEEB0 #9ADEB2 #B1CDB4 #C4BBB6 #D4A8B7 #E293B9 #EE7CBA

颜色混合

#7CEEB0

100%

#A7D5B3

75:25

#C4BBB6

50:50

#DB9EB8

25:75

#EE7CBA

100%

CSS渐变代码

background: linear-gradient(to right, #7CEEB0, #EE7CBA);
background: linear-gradient(135deg, #7CEEB0, #EE7CBA);

探索每种颜色

#7CEEB0

查看完整颜色详情

#EE7CBA

查看完整颜色详情

相关比较