#21EDF0

#21EDF0

#F02421

#F02421

对比度

2.9:1

Delta E

139.17

Very Different

50:50 混合

#CD9D85

颜色值

格式 #21EDF0 #F02421
HEX #21EDF0 #F02421
RGB 33, 237, 240 240, 36, 33
HSL 180.9, 87.3%, 53.5% 0.9, 87.3%, 53.5%
HSV 180.9, 86.2%, 94.1% 0.9, 86.2%, 94.1%
CMYK 86.2%, 1.2%, 0.0%, 5.9% 0.0%, 85.0%, 86.2%, 5.9%
OKLCH 0.8594 0.1426 196.5 0.612 0.234 28.2

对比度与无障碍

2.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F02421 → 背景色: #21EDF0

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

文本: #21EDF0 → 背景色: #F02421

色差 (Delta E)

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

渐变

#21EDF0 #8BD3CB #B4B9A7 #CD9D85 #DE7F63 #E95C42 #F02421

颜色混合

#21EDF0

100%

#A3C6B9

75:25

#CD9D85

50:50

#E46E52

25:75

#F02421

100%

CSS渐变代码

background: linear-gradient(to right, #21EDF0, #F02421);
background: linear-gradient(135deg, #21EDF0, #F02421);

探索每种颜色

#21EDF0

查看完整颜色详情

#F02421

查看完整颜色详情

相关比较