#69CDDF

#69CDDF

#DF7B69

#DF7B69

对比度

1.59:1

Delta E

77.44

Very Different

50:50 混合

#BAA7A3

颜色值

格式 #69CDDF #DF7B69
HEX #69CDDF #DF7B69
RGB 105, 205, 223 223, 123, 105
HSL 189.2, 64.8%, 64.3% 9.2, 64.8%, 64.3%
HSV 189.2, 52.9%, 87.5% 9.2, 52.9%, 87.5%
CMYK 52.9%, 8.1%, 0.0%, 12.5% 0.0%, 44.8%, 52.9%, 12.5%
OKLCH 0.7947 0.0967 210.7 0.6899 0.1278 31.3

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7B69 → 背景色: #69CDDF

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

文本: #69CDDF → 背景色: #DF7B69

色差 (Delta E)

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

渐变

#69CDDF #8EC1CB #A7B4B6 #BAA7A3 #C9998F #D58A7C #DF7B69

颜色混合

#69CDDF

100%

#9BBAC0

75:25

#BAA7A3

50:50

#CF9285

25:75

#DF7B69

100%

CSS渐变代码

background: linear-gradient(to right, #69CDDF, #DF7B69);
background: linear-gradient(135deg, #69CDDF, #DF7B69);

探索每种颜色

#69CDDF

查看完整颜色详情

#DF7B69

查看完整颜色详情

相关比较