#84DFDC

#84DFDC

#DF8487

#DF8487

对比度

1.74:1

Delta E

68.89

Very Different

50:50 混合

#C0B4B0

颜色值

格式 #84DFDC #DF8487
HEX #84DFDC #DF8487
RGB 132, 223, 220 223, 132, 135
HSL 178.0, 58.7%, 69.6% 358.0, 58.7%, 69.6%
HSV 178.0, 40.8%, 87.5% 358.0, 40.8%, 87.5%
CMYK 40.8%, 0.0%, 1.3%, 12.5% 0.0%, 40.8%, 39.5%, 12.5%
OKLCH 0.8461 0.0875 192.9 0.7111 0.1121 18.2

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8487 → 背景色: #84DFDC

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

文本: #84DFDC → 背景色: #DF8487

色差 (Delta E)

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

渐变

#84DFDC #9DD1CD #B1C3BF #C0B4B0 #CCA5A2 #D79595 #DF8487

颜色混合

#84DFDC

100%

#A8CAC6

75:25

#C0B4B0

50:50

#D29D9B

25:75

#DF8487

100%

CSS渐变代码

background: linear-gradient(to right, #84DFDC, #DF8487);
background: linear-gradient(135deg, #84DFDC, #DF8487);

探索每种颜色

#84DFDC

查看完整颜色详情

#DF8487

查看完整颜色详情

相关比较