#4FD6DC

#4FD6DC

#DC554F

#DC554F

对比度

2.2:1

Delta E

100.73

Very Different

50:50 混合

#B99C93

颜色值

格式 #4FD6DC #DC554F
HEX #4FD6DC #DC554F
RGB 79, 214, 220 220, 85, 79
HSL 182.6, 66.8%, 58.6% 2.6, 66.8%, 58.6%
HSV 182.6, 64.1%, 86.3% 2.6, 64.1%, 86.3%
CMYK 64.1%, 2.7%, 0.0%, 13.7% 0.0%, 61.4%, 64.1%, 13.7%
OKLCH 0.806 0.1153 199.3 0.6264 0.1706 25.8

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC554F → 背景色: #4FD6DC

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

文本: #4FD6DC → 背景色: #DC554F

色差 (Delta E)

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

渐变

#4FD6DC #85C3C3 #A4B0AB #B99C93 #C8877C #D37065 #DC554F

颜色混合

#4FD6DC

100%

#96BAB7

75:25

#B99C93

50:50

#CE7C70

25:75

#DC554F

100%

CSS渐变代码

background: linear-gradient(to right, #4FD6DC, #DC554F);
background: linear-gradient(135deg, #4FD6DC, #DC554F);

探索每种颜色

#4FD6DC

查看完整颜色详情

#DC554F

查看完整颜色详情

相关比较