#5AFDF2

#5AFDF2

#FD5A65

#FD5A65

对比度

2.46:1

Delta E

116.57

Very Different

50:50 混合

#D4B5A9

颜色值

格式 #5AFDF2 #FD5A65
HEX #5AFDF2 #FD5A65
RGB 90, 253, 242 253, 90, 101
HSL 176.0, 97.6%, 67.3% 356.0, 97.6%, 67.3%
HSV 176.0, 64.4%, 99.2% 356.0, 64.4%, 99.2%
CMYK 64.4%, 0.0%, 4.3%, 0.8% 0.0%, 64.4%, 60.1%, 0.8%
OKLCH 0.9074 0.1347 188.6 0.6872 0.1979 20.2

对比度与无障碍

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD5A65 → 背景色: #5AFDF2

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

文本: #5AFDF2 → 背景色: #FD5A65

色差 (Delta E)

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

渐变

#5AFDF2 #99E6D9 #BCCEC1 #D4B5A9 #E69B91 #F37D7B #FD5A65

颜色混合

#5AFDF2

100%

#ACDACD

75:25

#D4B5A9

50:50

#ED8D86

25:75

#FD5A65

100%

CSS渐变代码

background: linear-gradient(to right, #5AFDF2, #FD5A65);
background: linear-gradient(135deg, #5AFDF2, #FD5A65);

探索每种颜色

#5AFDF2

查看完整颜色详情

#FD5A65

查看完整颜色详情

相关比较