#31CD9B

#31CD9B

#CD3163

#CD3163

对比度

2.45:1

Delta E

117.3

Very Different

50:50 混合

#A48E7E

颜色值

格式 #31CD9B #CD3163
HEX #31CD9B #CD3163
RGB 49, 205, 155 205, 49, 99
HSL 160.8, 61.4%, 49.8% 340.8, 61.4%, 49.8%
HSV 160.8, 76.1%, 80.4% 340.8, 76.1%, 80.4%
CMYK 76.1%, 0.0%, 24.4%, 19.6% 0.0%, 76.1%, 51.7%, 19.6%
OKLCH 0.7578 0.1455 166.0 0.5688 0.1932 7.1

对比度与无障碍

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CD3163 → 背景色: #31CD9B

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

文本: #31CD9B → 背景色: #CD3163

色差 (Delta E)

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

渐变

#31CD9B #6EB991 #8EA488 #A48E7E #B57675 #C2596C #CD3163

颜色混合

#31CD9B

100%

#80AF8C

75:25

#A48E7E

50:50

#BC6870

25:75

#CD3163

100%

CSS渐变代码

background: linear-gradient(to right, #31CD9B, #CD3163);
background: linear-gradient(135deg, #31CD9B, #CD3163);

探索每种颜色

#31CD9B

查看完整颜色详情

#CD3163

查看完整颜色详情

相关比较