#89DFCD

#89DFCD

#DF899B

#DF899B

对比度

1.65:1

Delta E

67.34

Very Different

50:50 混合

#BFB6B4

颜色值

格式 #89DFCD #DF899B
HEX #89DFCD #DF899B
RGB 137, 223, 205 223, 137, 155
HSL 167.4, 57.3%, 70.6% 347.4, 57.3%, 70.6%
HSV 167.4, 38.6%, 87.5% 347.4, 38.6%, 87.5%
CMYK 38.6%, 0.0%, 8.1%, 12.5% 0.0%, 38.6%, 30.5%, 12.5%
OKLCH 0.8439 0.0877 179.2 0.7246 0.1068 6.5

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF899B → 背景色: #89DFCD

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

文本: #89DFCD → 背景色: #DF899B

色差 (Delta E)

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

渐变

#89DFCD #9FD2C4 #B0C4BC #BFB6B4 #CBA8AB #D699A3 #DF899B

颜色混合

#89DFCD

100%

#A8CBC0

75:25

#BFB6B4

50:50

#D1A1A7

25:75

#DF899B

100%

CSS渐变代码

background: linear-gradient(to right, #89DFCD, #DF899B);
background: linear-gradient(135deg, #89DFCD, #DF899B);

探索每种颜色

#89DFCD

查看完整颜色详情

#DF899B

查看完整颜色详情

相关比较