#2CEEF1

#2CEEF1

#F12F2C

#F12F2C

对比度

2.82:1

Delta E

134.81

Very Different

50:50 混合

#CDA08A

颜色值

格式 #2CEEF1 #F12F2C
HEX #2CEEF1 #F12F2C
RGB 44, 238, 241 241, 47, 44
HSL 180.9, 87.6%, 55.9% 0.9, 87.6%, 55.9%
HSV 180.9, 81.7%, 94.5% 0.9, 81.7%, 94.5%
CMYK 81.7%, 1.2%, 0.0%, 5.5% 0.0%, 80.5%, 81.7%, 5.5%
OKLCH 0.8633 0.1409 196.6 0.621 0.2278 27.6

对比度与无障碍

2.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F12F2C → 背景色: #2CEEF1

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

文本: #2CEEF1 → 背景色: #F12F2C

色差 (Delta E)

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

渐变

#2CEEF1 #8CD5CE #B4BBAC #CDA08A #DE826A #EA604B #F12F2C

颜色混合

#2CEEF1

100%

#A3C8BD

75:25

#CDA08A

50:50

#E4725A

25:75

#F12F2C

100%

CSS渐变代码

background: linear-gradient(to right, #2CEEF1, #F12F2C);
background: linear-gradient(135deg, #2CEEF1, #F12F2C);

探索每种颜色

#2CEEF1

查看完整颜色详情

#F12F2C

查看完整颜色详情

相关比较