#3FCAF1

#3FCAF1

#F1663F

#F1663F

对比度

1.63:1

Delta E

109.52

Very Different

50:50 混合

#C49D96

颜色值

格式 #3FCAF1 #F1663F
HEX #3FCAF1 #F1663F
RGB 63, 202, 241 241, 102, 63
HSL 193.1, 86.4%, 59.6% 13.1, 86.4%, 59.6%
HSV 193.1, 73.9%, 94.5% 13.1, 73.9%, 94.5%
CMYK 73.9%, 16.2%, 0.0%, 5.5% 0.0%, 57.7%, 73.9%, 5.5%
OKLCH 0.7819 0.1272 221.0 0.678 0.1801 36.4

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F1663F → 背景色: #3FCAF1

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

文本: #3FCAF1 → 背景色: #F1663F

色差 (Delta E)

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

渐变

#3FCAF1 #87BCD2 #ABADB4 #C49D96 #D78D79 #E67A5C #F1663F

颜色混合

#3FCAF1

100%

#9BB4C3

75:25

#C49D96

50:50

#DF846B

25:75

#F1663F

100%

CSS渐变代码

background: linear-gradient(to right, #3FCAF1, #F1663F);
background: linear-gradient(135deg, #3FCAF1, #F1663F);

探索每种颜色

#3FCAF1

查看完整颜色详情

#F1663F

查看完整颜色详情

相关比较