#3D3DFD

#3D3DFD

#FDFD3D

#FDFD3D

对比度

5.87:1

Delta E

203.46

Very Different

50:50 混合

#C89AB0

颜色值

格式 #3D3DFD #FDFD3D
HEX #3D3DFD #FDFD3D
RGB 61, 61, 253 253, 253, 61
HSL 240.0, 98.0%, 61.6% 60.0, 98.0%, 61.6%
HSV 240.0, 75.9%, 99.2% 60.0, 75.9%, 99.2%
CMYK 75.9%, 75.9%, 0.0%, 0.8% 0.0%, 0.0%, 75.9%, 0.8%
OKLCH 0.5114 0.2705 271.5 0.9638 0.1949 109.6

对比度与无障碍

5.87:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #FDFD3D → 背景色: #3D3DFD

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

文本: #3D3DFD → 背景色: #FDFD3D

色差 (Delta E)

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

渐变

#3D3DFD #855BE4 #AC7ACA #C89AB0 #DEBB92 #EFDC70 #FDFD3D

颜色混合

#3D3DFD

100%

#9B6BD7

75:25

#C89AB0

50:50

#E7CB82

25:75

#FDFD3D

100%

CSS渐变代码

background: linear-gradient(to right, #3D3DFD, #FDFD3D);
background: linear-gradient(135deg, #3D3DFD, #FDFD3D);

探索每种颜色

#3D3DFD

查看完整颜色详情

#FDFD3D

查看完整颜色详情

相关比较