#7BC9DF

#7BC9DF

#DF917B

#DF917B

对比度

1.33:1

Delta E

62.72

Very Different

50:50 混合

#BBAEAC

颜色值

格式 #7BC9DF #DF917B
HEX #7BC9DF #DF917B
RGB 123, 201, 223 223, 145, 123
HSL 193.2, 61.0%, 67.8% 13.2, 61.0%, 67.8%
HSV 193.2, 44.8%, 87.5% 13.2, 44.8%, 87.5%
CMYK 44.8%, 9.9%, 0.0%, 12.5% 0.0%, 35.0%, 44.8%, 12.5%
OKLCH 0.7934 0.0829 217.8 0.7305 0.1005 36.5

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF917B → 背景色: #7BC9DF

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

文本: #7BC9DF → 背景色: #DF917B

色差 (Delta E)

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

渐变

#7BC9DF #96C0CE #ABB7BD #BBAEAC #C9A59C #D59B8B #DF917B

颜色混合

#7BC9DF

100%

#A1BCC5

75:25

#BBAEAC

50:50

#CFA093

25:75

#DF917B

100%

CSS渐变代码

background: linear-gradient(to right, #7BC9DF, #DF917B);
background: linear-gradient(135deg, #7BC9DF, #DF917B);

探索每种颜色

#7BC9DF

查看完整颜色详情

#DF917B

查看完整颜色详情

相关比较