#4FDCDF

#4FDCDF

#DF524F

#DF524F

对比度

2.32:1

Delta E

104.43

Very Different

50:50 混合

#BC9E94

颜色值

格式 #4FDCDF #DF524F
HEX #4FDCDF #DF524F
RGB 79, 220, 223 223, 82, 79
HSL 181.2, 69.2%, 59.2% 1.3, 69.2%, 59.2%
HSV 181.2, 64.6%, 87.5% 1.3, 64.6%, 87.5%
CMYK 64.6%, 1.3%, 0.0%, 12.5% 0.0%, 63.2%, 64.6%, 12.5%
OKLCH 0.8212 0.1188 197.1 0.6274 0.1769 24.9

对比度与无障碍

2.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF524F → 背景色: #4FDCDF

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

文本: #4FDCDF → 背景色: #DF524F

色差 (Delta E)

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

渐变

#4FDCDF #87C8C5 #A7B4AC #BC9E94 #CB887C #D76F65 #DF524F

颜色混合

#4FDCDF

100%

#99BEB9

75:25

#BC9E94

50:50

#D27C71

25:75

#DF524F

100%

CSS渐变代码

background: linear-gradient(to right, #4FDCDF, #DF524F);
background: linear-gradient(135deg, #4FDCDF, #DF524F);

探索每种颜色

#4FDCDF

查看完整颜色详情

#DF524F

查看完整颜色详情

相关比较