#69DCDF

#69DCDF

#DF6C69

#DF6C69

对比度

1.99:1

Delta E

86.54

Very Different

50:50 混合

#BDA8A2

颜色值

格式 #69DCDF #DF6C69
HEX #69DCDF #DF6C69
RGB 105, 220, 223 223, 108, 105
HSL 181.5, 64.8%, 64.3% 1.5, 64.8%, 64.3%
HSV 181.5, 52.9%, 87.5% 1.5, 52.9%, 87.5%
CMYK 52.9%, 1.3%, 0.0%, 12.5% 0.0%, 51.6%, 52.9%, 12.5%
OKLCH 0.8292 0.1043 197.6 0.6669 0.1445 23.3

对比度与无障碍

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6C69 → 背景色: #69DCDF

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

文本: #69DCDF → 背景色: #DF6C69

色差 (Delta E)

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

渐变

#69DCDF #90CBCA #AABAB6 #BDA8A2 #CB968F #D6827C #DF6C69

颜色混合

#69DCDF

100%

#9EC3C0

75:25

#BDA8A2

50:50

#D18C85

25:75

#DF6C69

100%

CSS渐变代码

background: linear-gradient(to right, #69DCDF, #DF6C69);
background: linear-gradient(135deg, #69DCDF, #DF6C69);

探索每种颜色

#69DCDF

查看完整颜色详情

#DF6C69

查看完整颜色详情

相关比较