#64DFDF

#64DFDF

#DF6464

#DF6464

对比度

2.14:1

Delta E

92.22

Very Different

50:50 混合

#BDA69F

颜色值

格式 #64DFDF #DF6464
HEX #64DFDF #DF6464
RGB 100, 223, 223 223, 100, 100
HSL 180.0, 65.8%, 63.3% 0.0, 65.8%, 63.3%
HSV 180.0, 55.2%, 87.5% 0.0, 55.2%, 87.5%
CMYK 55.2%, 0.0%, 0.0%, 12.5% 0.0%, 55.2%, 55.2%, 12.5%
OKLCH 0.8344 0.1095 195.3 0.6544 0.1545 22.3

对比度与无障碍

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6464 → 背景色: #64DFDF

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

文本: #64DFDF → 背景色: #DF6464

色差 (Delta E)

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

渐变

#64DFDF #8FCDC9 #AABAB4 #BDA69F #CC928B #D77C77 #DF6464

颜色混合

#64DFDF

100%

#9DC3BF

75:25

#BDA69F

50:50

#D18881

25:75

#DF6464

100%

CSS渐变代码

background: linear-gradient(to right, #64DFDF, #DF6464);
background: linear-gradient(135deg, #64DFDF, #DF6464);

探索每种颜色

#64DFDF

查看完整颜色详情

#DF6464

查看完整颜色详情

相关比较