#3CC2FD

#3CC2FD

#FD773C

#FD773C

对比度

1.31:1

Delta E

114.35

Very Different

50:50 混合

#CBA09C

颜色值

格式 #3CC2FD #FD773C
HEX #3CC2FD #FD773C
RGB 60, 194, 253 253, 119, 60
HSL 198.3, 98.0%, 61.4% 18.3, 98.0%, 61.4%
HSV 198.3, 76.3%, 99.2% 18.3, 76.3%, 99.2%
CMYK 76.3%, 23.3%, 0.0%, 0.8% 0.0%, 53.0%, 76.3%, 0.8%
OKLCH 0.7681 0.1397 232.2 0.7186 0.1788 42.5

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD773C → 背景色: #3CC2FD

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

文本: #3CC2FD → 背景色: #FD773C

色差 (Delta E)

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

渐变

#3CC2FD #8AB7DC #B0ACBC #CBA09C #E0937D #F0865D #FD773C

颜色混合

#3CC2FD

100%

#9FB1CC

75:25

#CBA09C

50:50

#E88D6D

25:75

#FD773C

100%

CSS渐变代码

background: linear-gradient(to right, #3CC2FD, #FD773C);
background: linear-gradient(135deg, #3CC2FD, #FD773C);

探索每种颜色

#3CC2FD

查看完整颜色详情

#FD773C

查看完整颜色详情

相关比较