#4ABCC8

#4ABCC8

#C8564A

#C8564A

对比度

1.91:1

Delta E

87.85

Very Different

50:50 混合

#A68E87

颜色值

格式 #4ABCC8 #C8564A
HEX #4ABCC8 #C8564A
RGB 74, 188, 200 200, 86, 74
HSL 185.7, 53.4%, 53.7% 5.7, 53.4%, 53.7%
HSV 185.7, 63.0%, 78.4% 5.7, 63.0%, 78.4%
CMYK 63.0%, 6.0%, 0.0%, 21.6% 0.0%, 57.0%, 63.0%, 21.6%
OKLCH 0.7356 0.1026 204.9 0.5962 0.1481 28.4

对比度与无障碍

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C8564A → 背景色: #4ABCC8

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

文本: #4ABCC8 → 背景色: #C8564A

色差 (Delta E)

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

渐变

#4ABCC8 #78ADB2 #939E9C #A68E87 #B57D72 #C06B5E #C8564A

颜色混合

#4ABCC8

100%

#87A5A7

75:25

#A68E87

50:50

#BA7468

25:75

#C8564A

100%

CSS渐变代码

background: linear-gradient(to right, #4ABCC8, #C8564A);
background: linear-gradient(135deg, #4ABCC8, #C8564A);

探索每种颜色

#4ABCC8

查看完整颜色详情

#C8564A

查看完整颜色详情

相关比较