#101CCF

#101CCF

#CFC310

#CFC310

对比度

5.49:1

Delta E

186.46

Very Different

50:50 混合

#A26F88

颜色值

格式 #101CCF #CFC310
HEX #101CCF #CFC310
RGB 16, 28, 207 207, 195, 16
HSL 236.2, 85.7%, 43.7% 56.2, 85.7%, 43.7%
HSV 236.2, 92.3%, 81.2% 56.2, 92.3%, 81.2%
CMYK 92.3%, 86.5%, 0.0%, 18.8% 0.0%, 5.8%, 92.3%, 18.8%
OKLCH 0.4054 0.2544 265.8 0.8017 0.1677 105.0

对比度与无障碍

5.49:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CFC310 → 背景色: #101CCF

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

文本: #101CCF → 背景色: #CFC310

色差 (Delta E)

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

渐变

#101CCF #6638B8 #8A53A0 #A26F88 #B58B6D #C3A74D #CFC310

颜色混合

#101CCF

100%

#7A46AC

75:25

#A26F88

50:50

#BC995E

25:75

#CFC310

100%

CSS渐变代码

background: linear-gradient(to right, #101CCF, #CFC310);
background: linear-gradient(135deg, #101CCF, #CFC310);

探索每种颜色

#101CCF

查看完整颜色详情

#CFC310

查看完整颜色详情

相关比较