#5FD3DC

#5FD3DC

#DC685F

#DC685F

对比度

1.91:1

Delta E

87.76

Very Different

50:50 混合

#B8A29C

颜色值

格式 #5FD3DC #DC685F
HEX #5FD3DC #DC685F
RGB 95, 211, 220 220, 104, 95
HSL 184.3, 64.1%, 61.8% 4.3, 64.1%, 61.8%
HSV 184.3, 56.8%, 86.3% 4.3, 56.8%, 86.3%
CMYK 56.8%, 4.1%, 0.0%, 13.7% 0.0%, 52.7%, 56.8%, 13.7%
OKLCH 0.8038 0.1049 202.2 0.6549 0.1472 26.4

对比度与无障碍

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

文本可读性

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

文本: #DC685F → 背景色: #5FD3DC

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

文本: #5FD3DC → 背景色: #DC685F

色差 (Delta E)

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

渐变

#5FD3DC #8AC3C6 #A5B3B1 #B8A29C #C79087 #D37D73 #DC685F

颜色混合

#5FD3DC

100%

#99BBBB

75:25

#B8A29C

50:50

#CD877D

25:75

#DC685F

100%

CSS渐变代码

background: linear-gradient(to right, #5FD3DC, #DC685F);
background: linear-gradient(135deg, #5FD3DC, #DC685F);

探索每种颜色

#5FD3DC

查看完整颜色详情

#DC685F

查看完整颜色详情

相关比较