#2DAFAC

#2DAFAC

#AF2D30

#AF2D30

对比度

2.42:1

Delta E

97.87

Very Different

50:50 混合

#93776B

颜色值

格式 #2DAFAC #AF2D30
HEX #2DAFAC #AF2D30
RGB 45, 175, 172 175, 45, 48
HSL 178.6, 59.1%, 43.1% 358.6, 59.1%, 43.1%
HSV 178.6, 74.3%, 68.6% 358.6, 74.3%, 68.6%
CMYK 74.3%, 0.0%, 1.7%, 31.4% 0.0%, 74.3%, 72.6%, 31.4%
OKLCH 0.6865 0.1076 192.6 0.5023 0.1665 24.4

对比度与无障碍

2.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF2D30 → 背景色: #2DAFAC

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

文本: #2DAFAC → 背景色: #AF2D30

色差 (Delta E)

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

渐变

#2DAFAC #669D96 #818B80 #93776B #A06357 #A94C43 #AF2D30

颜色混合

#2DAFAC

100%

#75948B

75:25

#93776B

50:50

#A5584D

25:75

#AF2D30

100%

CSS渐变代码

background: linear-gradient(to right, #2DAFAC, #AF2D30);
background: linear-gradient(135deg, #2DAFAC, #AF2D30);

探索每种颜色

#2DAFAC

查看完整颜色详情

#AF2D30

查看完整颜色详情

相关比较