#28AFAB

#28AFAB

#AF282C

#AF282C

对比度

2.47:1

Delta E

100.58

Very Different

50:50 混合

#937668

颜色值

格式 #28AFAB #AF282C
HEX #28AFAB #AF282C
RGB 40, 175, 171 175, 40, 44
HSL 178.2, 62.8%, 42.2% 358.2, 62.8%, 42.2%
HSV 178.2, 77.1%, 68.6% 358.2, 77.1%, 68.6%
CMYK 77.1%, 0.0%, 2.3%, 31.4% 0.0%, 77.1%, 74.9%, 31.4%
OKLCH 0.6852 0.1095 191.8 0.4972 0.1712 24.7

对比度与无障碍

2.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF282C → 背景色: #28AFAB

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

文本: #28AFAB → 背景色: #AF282C

色差 (Delta E)

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

渐变

#28AFAB #659D94 #818A7E #937668 #A06154 #A9493F #AF282C

颜色混合

#28AFAB

100%

#759389

75:25

#937668

50:50

#A55549

25:75

#AF282C

100%

CSS渐变代码

background: linear-gradient(to right, #28AFAB, #AF282C);
background: linear-gradient(135deg, #28AFAB, #AF282C);

探索每种颜色

#28AFAB

查看完整颜色详情

#AF282C

查看完整颜色详情

相关比较