#3FACCE

#3FACCE

#CE613F

#CE613F

对比度

1.48:1

Delta E

90.24

Very Different

50:50 混合

#A78A85

颜色值

格式 #3FACCE #CE613F
HEX #3FACCE #CE613F
RGB 63, 172, 206 206, 97, 63
HSL 194.3, 59.3%, 52.7% 14.3, 59.3%, 52.7%
HSV 194.3, 69.4%, 80.8% 14.3, 69.4%, 80.8%
CMYK 69.4%, 16.5%, 0.0%, 19.2% 0.0%, 52.9%, 69.4%, 19.2%
OKLCH 0.6967 0.1086 222.5 0.6194 0.1468 37.9

对比度与无障碍

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE613F → 背景色: #3FACCE

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

文本: #3FACCE → 背景色: #CE613F

色差 (Delta E)

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

渐变

#3FACCE #74A1B5 #92969D #A78A85 #B77D6E #C47056 #CE613F

颜色混合

#3FACCE

100%

#859BA9

75:25

#A78A85

50:50

#BE7762

25:75

#CE613F

100%

CSS渐变代码

background: linear-gradient(to right, #3FACCE, #CE613F);
background: linear-gradient(135deg, #3FACCE, #CE613F);

探索每种颜色

#3FACCE

查看完整颜色详情

#CE613F

查看完整颜色详情

相关比较