#5FD2DB

#5FD2DB

#DB685F

#DB685F

对比度

1.9:1

Delta E

87.09

Very Different

50:50 混合

#B8A19B

颜色值

格式 #5FD2DB #DB685F
HEX #5FD2DB #DB685F
RGB 95, 210, 219 219, 104, 95
HSL 184.4, 63.3%, 61.6% 4.4, 63.3%, 61.6%
HSV 184.4, 56.6%, 85.9% 4.4, 56.6%, 85.9%
CMYK 56.6%, 4.1%, 0.0%, 14.1% 0.0%, 52.5%, 56.6%, 14.1%
OKLCH 0.8011 0.1043 202.3 0.6534 0.146 26.4

对比度与无障碍

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DB685F → 背景色: #5FD2DB

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

文本: #5FD2DB → 背景色: #DB685F

色差 (Delta E)

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

渐变

#5FD2DB #89C2C5 #A4B2B0 #B8A19B #C69087 #D27D73 #DB685F

颜色混合

#5FD2DB

100%

#98BABB

75:25

#B8A19B

50:50

#CD867D

25:75

#DB685F

100%

CSS渐变代码

background: linear-gradient(to right, #5FD2DB, #DB685F);
background: linear-gradient(135deg, #5FD2DB, #DB685F);

探索每种颜色

#5FD2DB

查看完整颜色详情

#DB685F

查看完整颜色详情

相关比较