#54DFDF

#54DFDF

#DF5454

#DF5454

对比度

2.35:1

Delta E

103.07

Very Different

50:50 混合

#BDA197

颜色值

格式 #54DFDF #DF5454
HEX #54DFDF #DF5454
RGB 84, 223, 223 223, 84, 84
HSL 180.0, 68.5%, 60.2% 0.0, 68.5%, 60.2%
HSV 180.0, 62.3%, 87.5% 0.0, 62.3%, 87.5%
CMYK 62.3%, 0.0%, 0.0%, 12.5% 0.0%, 62.3%, 62.3%, 12.5%
OKLCH 0.8296 0.1183 195.1 0.6306 0.1742 23.5

对比度与无障碍

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5454 → 背景色: #54DFDF

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

文本: #54DFDF → 背景色: #DF5454

色差 (Delta E)

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

渐变

#54DFDF #89CBC6 #A8B6AE #BDA197 #CC8A80 #D77169 #DF5454

颜色混合

#54DFDF

100%

#9AC1BA

75:25

#BDA197

50:50

#D27E75

25:75

#DF5454

100%

CSS渐变代码

background: linear-gradient(to right, #54DFDF, #DF5454);
background: linear-gradient(135deg, #54DFDF, #DF5454);

探索每种颜色

#54DFDF

查看完整颜色详情

#DF5454

查看完整颜色详情

相关比较