#84DCDF

#84DCDF

#DF8784

#DF8784

对比度

1.67:1

Delta E

66.63

Very Different

50:50 混合

#C0B4B0

颜色值

格式 #84DCDF #DF8784
HEX #84DCDF #DF8784
RGB 132, 220, 223 223, 135, 132
HSL 182.0, 58.7%, 69.6% 2.0, 58.7%, 69.6%
HSV 182.0, 40.8%, 87.5% 2.0, 40.8%, 87.5%
CMYK 40.8%, 1.3%, 0.0%, 12.5% 0.0%, 39.5%, 40.8%, 12.5%
OKLCH 0.8403 0.085 198.5 0.7153 0.1086 22.2

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8784 → 背景色: #84DCDF

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

文本: #84DCDF → 背景色: #DF8784

色差 (Delta E)

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

渐变

#84DCDF #9DCFCF #B1C1C0 #C0B4B0 #CCA5A1 #D69793 #DF8784

颜色混合

#84DCDF

100%

#A8C8C7

75:25

#C0B4B0

50:50

#D29E9A

25:75

#DF8784

100%

CSS渐变代码

background: linear-gradient(to right, #84DCDF, #DF8784);
background: linear-gradient(135deg, #84DCDF, #DF8784);

探索每种颜色

#84DCDF

查看完整颜色详情

#DF8784

查看完整颜色详情

相关比较