#01D3FE

#01D3FE

#FE2C01

#FE2C01

对比度

2.11:1

Delta E

145.47

Very Different

50:50 混合

#D49284

颜色值

格式 #01D3FE #FE2C01
HEX #01D3FE #FE2C01
RGB 1, 211, 254 254, 44, 1
HSL 190.2, 99.2%, 50.0% 10.2, 99.2%, 50.0%
HSV 190.2, 99.6%, 99.6% 10.2, 99.6%, 99.6%
CMYK 99.6%, 16.9%, 0.0%, 0.4% 0.0%, 82.7%, 99.6%, 0.4%
OKLCH 0.8015 0.1455 219.6 0.6403 0.2438 31.8

对比度与无障碍

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FE2C01 → 背景色: #01D3FE

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

文本: #01D3FE → 背景色: #FE2C01

色差 (Delta E)

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

渐变

#01D3FE #8CBED4 #B8A9AC #D49284 #E7795E #F45A36 #FE2C01

颜色混合

#01D3FE

100%

#A5B4C0

75:25

#D49284

50:50

#EE6A4A

25:75

#FE2C01

100%

CSS渐变代码

background: linear-gradient(to right, #01D3FE, #FE2C01);
background: linear-gradient(135deg, #01D3FE, #FE2C01);

探索每种颜色

#01D3FE

查看完整颜色详情

#FE2C01

查看完整颜色详情

相关比较