#219ACF

#219ACF

#CF5621

#CF5621

对比度

1.32:1

Delta E

106.02

Very Different

50:50 混合

#A67C79

颜色值

格式 #219ACF #CF5621
HEX #219ACF #CF5621
RGB 33, 154, 207 207, 86, 33
HSL 198.3, 72.5%, 47.1% 18.3, 72.5%, 47.1%
HSV 198.3, 84.1%, 81.2% 18.3, 84.1%, 81.2%
CMYK 84.1%, 25.6%, 0.0%, 18.8% 0.0%, 58.5%, 84.1%, 18.8%
OKLCH 0.6476 0.1265 233.7 0.6022 0.1659 41.3

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF5621 → 背景色: #219ACF

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

文本: #219ACF → 背景色: #CF5621

色差 (Delta E)

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

渐变

#219ACF #6D90B2 #8F8695 #A67C79 #B7705D #C46440 #CF5621

颜色混合

#219ACF

100%

#808BA3

75:25

#A67C79

50:50

#BE6A4F

25:75

#CF5621

100%

CSS渐变代码

background: linear-gradient(to right, #219ACF, #CF5621);
background: linear-gradient(135deg, #219ACF, #CF5621);

探索每种颜色

#219ACF

查看完整颜色详情

#CF5621

查看完整颜色详情

相关比较