#6BD9DA

#6BD9DA

#DA6C6B

#DA6C6B

对比度

1.98:1

Delta E

83.21

Very Different

50:50 混合

#B9A6A1

颜色值

格式 #6BD9DA #DA6C6B
HEX #6BD9DA #DA6C6B
RGB 107, 217, 218 218, 108, 107
HSL 180.5, 60.0%, 63.7% 0.5, 60.0%, 63.7%
HSV 180.5, 50.9%, 85.5% 0.5, 50.9%, 85.5%
CMYK 50.9%, 0.5%, 0.0%, 14.5% 0.0%, 50.5%, 50.9%, 14.5%
OKLCH 0.8213 0.1009 196.2 0.6603 0.1384 22.1

对比度与无障碍

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DA6C6B → 背景色: #6BD9DA

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

文本: #6BD9DA → 背景色: #DA6C6B

色差 (Delta E)

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

渐变

#6BD9DA #8FC8C7 #A7B8B3 #B9A6A1 #C7948E #D2817C #DA6C6B

颜色混合

#6BD9DA

100%

#9CC0BD

75:25

#B9A6A1

50:50

#CD8B85

25:75

#DA6C6B

100%

CSS渐变代码

background: linear-gradient(to right, #6BD9DA, #DA6C6B);
background: linear-gradient(135deg, #6BD9DA, #DA6C6B);

探索每种颜色

#6BD9DA

查看完整颜色详情

#DA6C6B

查看完整颜色详情

相关比较