#89F0E5

#89F0E5

#F08994

#F08994

对比度

1.8:1

Delta E

77.24

Very Different

50:50 混合

#CDC0BC

颜色值

格式 #89F0E5 #F08994
HEX #89F0E5 #F08994
RGB 137, 240, 229 240, 137, 148
HSL 173.6, 77.4%, 73.9% 353.6, 77.4%, 73.9%
HSV 173.6, 42.9%, 94.1% 353.6, 42.9%, 94.1%
CMYK 42.9%, 0.0%, 4.6%, 5.9% 0.0%, 42.9%, 38.3%, 5.9%
OKLCH 0.8895 0.0981 186.7 0.7434 0.1257 13.8

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F08994 → 背景色: #89F0E5

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

文本: #89F0E5 → 背景色: #F08994

色差 (Delta E)

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

渐变

#89F0E5 #A6E0D7 #BCD0C9 #CDC0BC #DBAEAE #E69CA1 #F08994

颜色混合

#89F0E5

100%

#B1D8D0

75:25

#CDC0BC

50:50

#E1A6A7

25:75

#F08994

100%

CSS渐变代码

background: linear-gradient(to right, #89F0E5, #F08994);
background: linear-gradient(135deg, #89F0E5, #F08994);

探索每种颜色

#89F0E5

查看完整颜色详情

#F08994

查看完整颜色详情

相关比较