#5FD6DF

#5FD6DF

#DF685F

#DF685F

对比度

1.94:1

Delta E

89.72

Very Different

50:50 混合

#BBA39D

颜色值

格式 #5FD6DF #DF685F
HEX #5FD6DF #DF685F
RGB 95, 214, 223 223, 104, 95
HSL 184.2, 66.7%, 62.4% 4.2, 66.7%, 62.4%
HSV 184.2, 57.4%, 87.5% 4.2, 57.4%, 87.5%
CMYK 57.4%, 4.0%, 0.0%, 12.5% 0.0%, 53.4%, 57.4%, 12.5%
OKLCH 0.8118 0.1069 202.1 0.6591 0.1506 26.4

对比度与无障碍

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF685F → 背景色: #5FD6DF

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

文本: #5FD6DF → 背景色: #DF685F

色差 (Delta E)

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

渐变

#5FD6DF #8BC6C9 #A7B5B3 #BBA39D #CA9188 #D67E73 #DF685F

颜色混合

#5FD6DF

100%

#9ABDBE

75:25

#BBA39D

50:50

#D0887D

25:75

#DF685F

100%

CSS渐变代码

background: linear-gradient(to right, #5FD6DF, #DF685F);
background: linear-gradient(135deg, #5FD6DF, #DF685F);

探索每种颜色

#5FD6DF

查看完整颜色详情

#DF685F

查看完整颜色详情

相关比较