#3CCDB9

#3CCDB9

#CD3C50

#CD3C50

对比度

2.44:1

Delta E

106.27

Very Different

50:50 混合

#A98F82

颜色值

格式 #3CCDB9 #CD3C50
HEX #3CCDB9 #CD3C50
RGB 60, 205, 185 205, 60, 80
HSL 171.7, 59.2%, 52.0% 351.7, 59.2%, 52.0%
HSV 171.7, 70.7%, 80.4% 351.7, 70.7%, 80.4%
CMYK 70.7%, 0.0%, 9.8%, 19.6% 0.0%, 70.7%, 61.0%, 19.6%
OKLCH 0.7682 0.1234 181.6 0.5742 0.1807 17.3

对比度与无障碍

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CD3C50 → 背景色: #3CCDB9

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

文本: #3CCDB9 → 背景色: #CD3C50

色差 (Delta E)

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

渐变

#3CCDB9 #76B9A6 #94A594 #A98F82 #B97871 #C45E60 #CD3C50

颜色混合

#3CCDB9

100%

#87AF9D

75:25

#A98F82

50:50

#BF6B68

25:75

#CD3C50

100%

CSS渐变代码

background: linear-gradient(to right, #3CCDB9, #CD3C50);
background: linear-gradient(135deg, #3CCDB9, #CD3C50);

探索每种颜色

#3CCDB9

查看完整颜色详情

#CD3C50

查看完整颜色详情

相关比较